Adding shapes in Muse
Hi all, how do I add shapes in Muse? for example, I need to create a circle and a triangle.
A circle is very easy .... just make a square that is the same hieght and width.
For example make a square 100px by 100px then add a border radius of 50px to all four corners.
Here is a quick video I did creating the Android logo with nothing but Muse
http://www.lawryk.com/my-adobe-blog/logo-creation-in-adobe-muse
Similar Messages
-
The check marks in the check boxes I added to a Muse Form widget appear blurry.
The check marks in the check boxes I added to a Muse Form widget appear blurry. Is there somewhere that I can edit the resolution of these? Why would the default check marks be at the incorrect resolution? Could it be something I did when designing the form?
Thanks!The checkmarls are simple images. If you scale up the check mark or look at it in higher magnification, it of course appears blurry.
You may want to replace the check marks by graphics of your own (perhaps scaleable SVGs)
Select a check box, open the states panel and see the different states; change the graphics for the desired state by using the "Fill"-command in command strip on top of the application window. -
I've been trying to add a mp3 background song to play in one of muse web pages, but I just can't figure it out. Any suggestions?
Hi There,
Please refer to this post related to adding background music for the site : http://forums.adobe.com/message/5602437#5602437
Regards,
Rajan -
I would like to know how to add a selection form a website to an muse email form with out the user to having to enter it but only clicking on the selected item. This is for a pizza menu.
You can try this :
http://www.qooqee.com/adobe-muse-widgets/astrolabe-muse-menu
Thanks,
Sanjit -
Is there a way to add video ( or embed) into a video slide show in Muse that is similar to thumbnails slideshow?
In otherwords click on a number of different thumbnails and have the video lauch on the page.
If so, is there a video tutorial?
ThanksIs this what you are looking for?
http://www.musegrid.com/adobe-muse-widgets/tube-player -
Hi all,
Im just starting out producing a GUI and im using netbeans to help me.
I need to add shapes to my GUI, just basic square, circle etc for now. I also need to show these shapes moving around the GUI, animated.
Firstly what is the best way to add these basic shapes to a jpanel and secondly how do i go out moving thse objects around the jpanel.
Thanks for your helpPuce,
Thanks for your help.
I have been through the 2d graphics tutorials and had a look at them but i am still having problems.
I want to add the shape to an existing jpanel on a GUI containing several jpanels.
I am unsure where the code for this goes as in the tutorial it just has a seperate class for a single panel which then seems to overide the paintcomponent method. Where would i do this in my single class for the whole GUI.
Thanks Again -
cs5.5 does not correctly round corners on shapes that have been built with pathfinder. when will this be fixed?
i just updated a cs4 job to cs5.5 and all the text boxes that were fine in the first case are now unusable in the second.This is a major complaint about the new Live Corner effects in CS5. Apparently, in order to accomplish the "live" part, it is no longer possible using corner effects to do a true semicircular side on a frame. You can still create these shapes using the pen tool or Pathfinder, though.
-
Adding music with Muse for website
I am new to Adobe and Muse and want to have music on my site. How can I upload from iTunes the songs I want? Or can't I?
I'd also like different songs on the various pages.Move from the Creative Cloud to the Muse forum. They will be able to help you here.
-
Will Adobe be adding percentage width and height measurements to Muse?
If percentage measurements were added to the Muse tools it would make Muse simply amazing!
Hi Timber,
When you talk about defining the size of the objects in % of the browser, I think you are talking about the responsiveness of the site. If yes, then it is not possible to create responsive sites in Muse at the moment. But yes, you can define 100% width for some items and full screen slideshow only.
Regards,
Aish -
How do I add a drop shadow to the page in Muse?
How can I apply a drop shadow to the page template in Muse? If I place a rectangle it will not change shape according to the page size. Is this a feature?
Hello,
You're most possibly referring to "Favicons", and they can be added in a Muse site from the "File -> Site Properties -> Layout" section. Check this screenshot: http://jingsite.businesscatalyst.com/jing/2013-09-05_2332.png
Hope this helps.
Cheers
Parikshit -
How can I include, in the table of content, a title that I have put on a shape?
Hello all,
1. I have a table of content
2. I have added shapes
3. I wrote text (titles. subtitles) on the shapes
4. They do not appear in the table of content.
5. They only appear in the table of content if they are not on a shape.
Pages 5.5.2
Can you help?
LawHi Law,
Text in a shape or a text box will not feature in the table of contents.
To get a colour behind your titles, type them into your document (not a shape). Format as Heading or some other paragraph style the TOC will recognise.
Select the title text and Format Panel > Text > Font > Gearwheel > Advanced Options.
Choose Character Fill Color and choose a colour from the palette (left) or colour circle (right).
Example Titles (all on the same page for a smaller screen shot).
Chapter 3 (in a coloured Text Box or Shape) does not appear in the TOC:
Hint for cheats :
To give the titles a wider Character Fill Colour, add some Tab characters before and after.
Regards,
Ian. -
Storing Shape Information IN a Table-Like Structure
Hi All,
I have a Program which displays shape (rectangle,oval,etc) in the panel which is enclosed in a frame.. shape can be dragged and dropped anywhere on panel... also one can delete shape... Now I Want To Store All The Exiting Shapes (as they are added on panel ) in some structure say a table, and alongwith it, i also want to store additional information about shape, say its location currently on panel, its present color, etc so that i can use this information later in the program... how do i do implement this ?? Plz Help Me.. It would be great if you include the changes in the source code itself...
thanks
Here is the source code :
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.util.ArrayList;
public class ShapeDrawFrame extends javax.swing.JFrame {
JCheckBoxMenuItem addLargeShapes;
JCheckBoxMenuItem addBorderedShapes;
JRadioButtonMenuItem red, green, blue,
cyan, magenta, yellow,
black, gray, white;
JPopupMenu popup;
public ShapeDrawFrame() {
super("Shape Draw");
//initComponents();
ShapeCanvas canvas = new ShapeCanvas();
setContentPane(canvas);
/* Create the menu bar and the menus */
JMenuBar menubar = new JMenuBar();
setJMenuBar(menubar);
JMenu addShapeMenu = new JMenu("Add");
addShapeMenu.setMnemonic('A');
menubar.add(addShapeMenu);
JMenu shapeColorMenu = new JMenu("Color");
shapeColorMenu.setMnemonic('C');
menubar.add(shapeColorMenu);
JMenu optionsMenu = new JMenu("Options");
optionsMenu.setMnemonic('O');
menubar.add(optionsMenu);
/* Create menu items for adding shapes to the canvas,
and add them to the "Add" menu. The canvas serves
as ActionListener for these menu items. */
JMenuItem rect = new JMenuItem("Rectangle");
rect.setAccelerator( KeyStroke.getKeyStroke("ctrl R") );
addShapeMenu.add(rect);
rect.addActionListener(canvas);
JMenuItem oval = new JMenuItem("Oval");
oval.setAccelerator( KeyStroke.getKeyStroke("ctrl O") );
addShapeMenu.add(oval);
oval.addActionListener(canvas);
JMenuItem roundrect = new JMenuItem("Round Rect");
roundrect.setAccelerator( KeyStroke.getKeyStroke("ctrl D") );
addShapeMenu.add(roundrect);
roundrect.addActionListener(canvas);
/* Create the JRadioButtonMenuItems that control the color
of a newly added shape, and add them to the "Color"
menu. There is no ActionListener for these menu items.
The canvas checks for the currently selected color when
it adds a shape to the canvas. A ButtonGroup is used
to make sure that only one color is selected. */
ButtonGroup colorGroup = new ButtonGroup();
red = new JRadioButtonMenuItem("Red");
shapeColorMenu.add(red);
colorGroup.add(red);
red.setSelected(true);
green = new JRadioButtonMenuItem("Green");
shapeColorMenu.add(green);
colorGroup.add(green);
blue = new JRadioButtonMenuItem("Blue");
shapeColorMenu.add(blue);
colorGroup.add(blue);
cyan = new JRadioButtonMenuItem("Cyan");
shapeColorMenu.add(cyan);
colorGroup.add(cyan);
magenta = new JRadioButtonMenuItem("Magenta");
shapeColorMenu.add(magenta);
colorGroup.add(magenta);
yellow = new JRadioButtonMenuItem("Yellow");
shapeColorMenu.add(yellow);
colorGroup.add(yellow);
black = new JRadioButtonMenuItem("Black");
shapeColorMenu.add(black);
colorGroup.add(black);
gray = new JRadioButtonMenuItem("Gray");
shapeColorMenu.add(gray);
colorGroup.add(gray);
white = new JRadioButtonMenuItem("White");
shapeColorMenu.add(white);
colorGroup.add(white);
/* Create the "Clear" menu item, and add it to the
"Options" menu. The canvas will listen for events
from this menu item. */
JMenuItem clear = new JMenuItem("Clear");
clear.setAccelerator( KeyStroke.getKeyStroke("ctrl C") );
clear.addActionListener(canvas);
optionsMenu.add(clear);
optionsMenu.addSeparator(); // Add a separating line to the menu.
/* Create the JCheckBoxMenuItems and add them to the Options
menu. There is no ActionListener for these items because
the canvas class will check their state when it adds a
new shape. */
addLargeShapes = new JCheckBoxMenuItem("Add Large Shapes");
addLargeShapes.setSelected(true);
optionsMenu.add(addLargeShapes);
addBorderedShapes = new JCheckBoxMenuItem("Add Shapes with Border");
addBorderedShapes.setSelected(true);
optionsMenu.add(addBorderedShapes);
optionsMenu.addSeparator();
/* Create a menu for background colors, and add it to the
"Options" menu. It will show up as a hierarchical sub-menu. */
JMenu background = new JMenu("Background Color");
optionsMenu.add(background);
background.add("Red").addActionListener(canvas);
background.add("Green").addActionListener(canvas);
background.add("Blue").addActionListener(canvas);
background.add("Cyan").addActionListener(canvas);
background.add("Magenta").addActionListener(canvas);
background.add("Yellow").addActionListener(canvas);
background.add("Black").addActionListener(canvas);
background.add("Gray").addActionListener(canvas);
background.add("White").addActionListener(canvas);
/* Create the pop-up menu and add commands for editing a
shape. This menu is not used until the user performs
the pop-up trigger mouse gesture on a shape. */
popup = new JPopupMenu();
popup.add("Delete Shape").addActionListener(canvas);
popup.add("Bring to Front").addActionListener(canvas);
popup.addSeparator();
popup.add("Make Large").addActionListener(canvas);
popup.add("Make Small").addActionListener(canvas);
popup.addSeparator();
popup.add("Add Black Border").addActionListener(canvas);
popup.add("Remove Black Border").addActionListener(canvas);
popup.addSeparator();
popup.add("Set Color to Red").addActionListener(canvas);
popup.add("Set Color to Green").addActionListener(canvas);
popup.add("Set Color to Blue").addActionListener(canvas);
popup.add("Set Color to Cyan").addActionListener(canvas);
popup.add("Set Color to Magenta").addActionListener(canvas);
popup.add("Set Color to Yellow").addActionListener(canvas);
popup.add("Set Color to Black").addActionListener(canvas);
popup.add("Set Color to Gray").addActionListener(canvas);
popup.add("Set Color to White").addActionListener(canvas);
/* Set the "DefaultCloseOperation" for the frame. This determines
what happens when the user clicks the close box of the frame.
It is set here so that System.exit() will be called to end
the program when the user closes the window. */
setDefaultCloseOperation(EXIT_ON_CLOSE);
/* Set the size and location of the frame, and make it visible. */
setLocation(20,50);
setSize(550,420);
show();
class ShapeCanvas extends JPanel
implements ActionListener, MouseListener, MouseMotionListener {
// This class represents a "canvas" that can display colored shapes and
// let the user drag them around. It uses an off-screen images to
// make the dragging look as smooth as possible.
ArrayList shapes = new ArrayList();
// holds a list of the shapes that are displayed on the canvas
ShapeCanvas() {
// Constructor: set background color to white
// set up listeners to respond to mouse actions
setBackground(Color.white);
addMouseListener(this);
addMouseMotionListener(this);
public void paintComponent(Graphics g) {
// In the paint method, all the shapes in ArrayList are
// copied onto the canvas.
super.paintComponent(g); // First, fill with background color.
int top = shapes.size();
for (int i = 0; i < top; i++) {
Shape s = (Shape)shapes.get(i);
s.draw(g);
public void actionPerformed(ActionEvent evt) {
// Called to respond to action events from the
// menus or pop-up menu.
String command = evt.getActionCommand();
if (command.equals("Clear")) {
shapes.clear(); // Remove all items from the ArrayList
repaint();
else if (command.equals("Rectangle"))
addShape(new RectShape());
else if (command.equals("Oval"))
addShape(new OvalShape());
else if (command.equals("Round Rect"))
addShape(new RoundRectShape());
else if (command.equals("Red"))
setBackground(Color.red);
else if (command.equals("Green"))
setBackground(Color.green);
else if (command.equals("Blue"))
setBackground(Color.blue);
else if (command.equals("Cyan"))
setBackground(Color.cyan);
else if (command.equals("Magenta"))
setBackground(Color.magenta);
else if (command.equals("Yellow"))
setBackground(Color.yellow);
else if (command.equals("Black"))
setBackground(Color.black);
else if (command.equals("Gray"))
setBackground(Color.gray);
else if (command.equals("White"))
setBackground(Color.white);
else if (clickedShape != null) {
// Process a command from the pop-up menu.
if (command.equals("Delete Shape"))
shapes.remove(clickedShape);
else if (command.equals("Bring to Front")) {
shapes.remove(clickedShape);
shapes.add(clickedShape);
else if (command.equals("Make Large"))
clickedShape.setSize(100,60);
else if (command.equals("Make Small"))
clickedShape.setSize(50,30);
else if (command.equals("Add Black Border"))
clickedShape.setDrawOutline(true);
else if (command.equals("Remove Black Border"))
clickedShape.setDrawOutline(false);
else if (command.equals("Set Color to Red"))
clickedShape.setColor(Color.red);
else if (command.equals("Set Color to Green"))
clickedShape.setColor(Color.green);
else if (command.equals("Set Color to Blue"))
clickedShape.setColor(Color.blue);
else if (command.equals("Set Color to Cyan"))
clickedShape.setColor(Color.cyan);
else if (command.equals("Set Color to Magenta"))
clickedShape.setColor(Color.magenta);
else if (command.equals("Set Color to Yellow"))
clickedShape.setColor(Color.yellow);
else if (command.equals("Set Color to Black"))
clickedShape.setColor(Color.black);
else if (command.equals("Set Color to Gray"))
clickedShape.setColor(Color.gray);
else if (command.equals("Set Color to White"))
clickedShape.setColor(Color.white);
repaint();
} // end actionPerformed()
void addShape(Shape shape) {
// Add the shape to the canvas, and set its size, color
// and whether or not it should have a black border. These
// properties are determined by looking at the states of
// various menu items. The shape is added at the top-left
// corner of the canvas.
if (red.isSelected())
shape.setColor(Color.red);
else if (blue.isSelected())
shape.setColor(Color.blue);
else if (green.isSelected())
shape.setColor(Color.green);
else if (cyan.isSelected())
shape.setColor(Color.cyan);
else if (magenta.isSelected())
shape.setColor(Color.magenta);
else if (yellow.isSelected())
shape.setColor(Color.yellow);
else if (black.isSelected())
shape.setColor(Color.black);
else if (white.isSelected())
shape.setColor(Color.white);
else
shape.setColor(Color.gray);
shape.setDrawOutline( addBorderedShapes.isSelected() );
if (addLargeShapes.isSelected())
shape.reshape(3,3,100,60);
else
shape.reshape(3,3,50,30);
shapes.add(shape);
repaint();
} // end addShape()
// -------------------- This rest of this class implements dragging ----------------------
Shape clickedShape = null; // This is the shape that the user clicks on.
// It becomes the draggedShape is the user is
// dragging, unless the user is invoking a
// pop-up menu. This variable is used in
// actionPerformed() when a command from the
// pop-up menu is processed.
Shape draggedShape = null; // This is null unless a shape is being dragged.
// A non-null value is used as a signal that dragging
// is in progress, as well as indicating which shape
// is being dragged.
int prevDragX; // During dragging, these record the x and y coordinates of the
int prevDragY; // previous position of the mouse.
public void mousePressed(MouseEvent evt) {
// User has pressed the mouse. Find the shape that the user has clicked on, if
// any. If there is no shape at the position when the mouse was clicked, then
// ignore this event. If there is then one of three things will happen:
// If the event is a pop-up trigger, then the pop-up menu is displayed, and
// the user can select from the pop-up menu to edit the shape. If the user was
// holding down the shift key, then bring the clicked shape to the front, in
// front of all the other shapes. Otherwise, start dragging the shape.
if (draggedShape != null) {
// A drag operation is already in progress, so ignore this click.
// This might happen if the user clicks a second mouse button before
// releasing the first one(?).
return;
int x = evt.getX(); // x-coordinate of point where mouse was clicked
int y = evt.getY(); // y-coordinate of point
clickedShape = null; // This will be set to the clicked shape, if any.
for ( int i = shapes.size() - 1; i >= 0; i-- ) {
// Check shapes from front to back.
Shape s = (Shape)shapes.get(i);
if (s.containsPoint(x,y)) {
clickedShape = s;
break;
if (clickedShape == null) {
// The user did not click on a shape.
return;
else if (evt.isPopupTrigger()) {
// The user wants to see the pop-up menu
popup.show(this,x-10,y-2);
else if (evt.isShiftDown()) {
// Bring the clicked shape to the front
shapes.remove(clickedShape);
shapes.add(clickedShape);
repaint();
else {
// Start dragging the shape.
draggedShape = clickedShape;
prevDragX = x;
prevDragY = y;
public void mouseDragged(MouseEvent evt) {
// User has moved the mouse. Move the dragged shape by the same amount.
if (draggedShape == null) {
// User did not click a shape. There is nothing to do.
return;
int x = evt.getX();
int y = evt.getY();
draggedShape.moveBy(x - prevDragX, y - prevDragY);
prevDragX = x;
prevDragY = y;
repaint(); // redraw canvas to show shape in new position
public void mouseReleased(MouseEvent evt) {
// User has released the mouse. Move the dragged shape, and set
// draggedShape to null to indicate that dragging is over.
// If the shape lies completely outside the canvas, remove it
// from the list of shapes (since there is no way to ever move
// it back on screen). However, if the event is a popup trigger
// event, then show the popup menu instead.
if (draggedShape == null) {
// User did not click on a shape. There is nothing to do.
return;
int x = evt.getX();
int y = evt.getY();
if (evt.isPopupTrigger()) {
// Check whether the user is trying to pop up a menu.
// (This should be checked in both the mousePressed() and
// mouseReleased() methods.)
popup.show(this,x-10,y-2);
else {
draggedShape.moveBy(x - prevDragX, y - prevDragY);
if ( draggedShape.left >= getSize().width || draggedShape.top >= getSize().height ||
draggedShape.left + draggedShape.width < 0 ||
draggedShape.top + draggedShape.height < 0 ) { // shape is off-screen
shapes.remove(draggedShape); // remove shape from list of shapes
repaint();
draggedShape = null; // Dragging is finished.
public void mouseEntered(MouseEvent evt) { } // Other methods required for MouseListener and
public void mouseExited(MouseEvent evt) { } // MouseMotionListener interfaces.
public void mouseMoved(MouseEvent evt) { }
public void mouseClicked(MouseEvent evt) { }
} // end class ShapeCanvas
// ------- Nested class definitions for the abstract Shape class and three -----
// -------------------- concrete subclasses of Shape. --------------------------
static abstract class Shape {
// A class representing shapes that can be displayed on a ShapeCanvas.
// The subclasses of this class represent particular types of shapes.
// When a shape is first constructed, it has height and width zero
// and a default color of white.
int left, top; // Position of top left corner of rectangle that bounds this shape.
int width, height; // Size of the bounding rectangle.
Color color = Color.white; // Color of this shape.
boolean drawOutline; // If true, a black border is drawn on the shape
void reshape(int left, int top, int width, int height) {
// Set the position and size of this shape.
this.left = left;
this.top = top;
this.width = width;
this.height = height;
void setSize(int width, int height) {
// Set the size of this shape
this.width = width;
this.height = height;
void moveBy(int dx, int dy) {
// Move the shape by dx pixels horizontally and dy pixels vertically
// (by changing the position of the top-left corner of the shape).
left += dx;
top += dy;
void setColor(Color color) {
// Set the color of this shape
this.color = color;
void setDrawOutline(boolean draw) {
// If true, a black outline is drawn around this shape.
drawOutline = draw;
boolean containsPoint(int x, int y) {
// Check whether the shape contains the point (x,y).
// By default, this just checks whether (x,y) is inside the
// rectangle that bounds the shape. This method should be
// overridden by a subclass if the default behavior is not
// appropriate for the subclass.
if (x >= left && x < left+width && y >= top && y < top+height)
return true;
else
return false;
abstract void draw(Graphics g);
// Draw the shape in the graphics context g.
// This must be overridden in any concrete subclass.
} // end of class Shape
static class RectShape extends Shape {
// This class represents rectangle shapes.
void draw(Graphics g) {
g.setColor(color);
g.fillRect(left,top,width,height);
if (drawOutline) {
g.setColor(Color.black);
g.drawRect(left,top,width,height);
static class OvalShape extends Shape {
// This class represents oval shapes.
void draw(Graphics g) {
g.setColor(color);
g.fillOval(left,top,width,height);
if (drawOutline) {
g.setColor(Color.black);
g.drawOval(left,top,width,height);
boolean containsPoint(int x, int y) {
// Check whether (x,y) is inside this oval, using the
// mathematical equation of an ellipse.
double rx = width/2.0; // horizontal radius of ellipse
double ry = height/2.0; // vertical radius of ellipse
double cx = left + rx; // x-coord of center of ellipse
double cy = top + ry; // y-coord of center of ellipse
if ( (ry*(x-cx))*(ry*(x-cx)) + (rx*(y-cy))*(rx*(y-cy)) <= rx*rx*ry*ry )
return true;
else
return false;
static class RoundRectShape extends Shape {
// This class represents rectangle shapes with rounded corners.
// (Note that it uses the inherited version of the
// containsPoint(x,y) method, even though that is not perfectly
// accurate when (x,y) is near one of the corners.)
void draw(Graphics g) {
g.setColor(color);
g.fillRoundRect(left,top,width,height,width/3,height/3);
if (drawOutline) {
g.setColor(Color.black);
g.drawRoundRect(left,top,width,height,width/3,height/3);
// <editor-fold defaultstate="collapsed" desc="Generated Code">
private void initComponents() {
setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
getContentPane().setLayout(layout);
layout.setHorizontalGroup(
layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addGap(0, 400, Short.MAX_VALUE)
layout.setVerticalGroup(
layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addGap(0, 300, Short.MAX_VALUE)
pack();
}// </editor-fold>
public static void main(String args[]) {
java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
new ShapeDrawFrame().setVisible(true);
// Variables declaration - do not modify
// End of variables declaration
}Sure. In your original post, you had a sort of a design. The general idea was right. And then you asked us to implement it. Well, that's the wrong approach. You need to make the sort-of-a-design into a real design. Don't implement anything until you know what you are going to implement.
-
Overlay Images and Shapes on the same canvas
The example copde below was taken from: http://math.hws.edu/eck/cs124/javanotes3/source/
Is it possible to update the code so that images (jpg,gif) can be added as well as shapes?
Any help with this is much appreciated.
The ShapeDraw applet lets the user add small colored shapes to
a drawing area and then drag them around. The shapes are rectangles,
ovals, and roundrects. The user adds a shape to the canvas by
clicking on a button. The shape is added at the upper left corner
of the canvas. The color of the shape is given by the current
setting of a pop-up menu. The user can drag the shapes with the
mouse. Ordinarily, the shapes maintain a given back-to-front order.
However, if the user shift-clicks on a shape, that shape will be
brought to the front.
A menu can be popped up on a shape (by right-clicking or performing
some othe platform-dependent action). This menu allows the user
to change the size and color of a shape. It is also possible to
delete the shape and to bring it to the front.
This file defines the applet class plus several other classes used
by the applet, namely: ShapeCanvas, Shape, RectShape, OvalShape,
and RoundRectShape.
David Eck
July 28, 1998
import java.awt.*;
import java.awt.event.*;
import java.applet.Applet;
import java.util.Vector;
public class ShapeDrawWithMenu extends Applet {
public void init() {
// Set up the applet's GUI. It consists of a canvas, or drawing area,
// plus a row of controls below the canvas. The controls include three
// buttons which are used to add shapes to the canvas and a Choice menu
// that is used to select the color used for a shape when it is created.
// The canvas is set as the "listener" for these controls so that it can
// respond to the user's actions. (The pop-up menu is created by the canvas.)
setBackground(Color.lightGray);
ShapeCanvas canvas = new ShapeCanvas(); // create the canvas
Choice colorChoice = new Choice(); // color choice menu
colorChoice.add("Red");
colorChoice.add("Green");
colorChoice.add("Blue");
colorChoice.add("Cyan");
colorChoice.add("Magenta");
colorChoice.add("Yellow");
colorChoice.add("Black");
colorChoice.add("White");
colorChoice.addItemListener(canvas);
Button rectButton = new Button("Rect"); // buttons for adding shapes
rectButton.addActionListener(canvas);
Button ovalButton = new Button("Oval");
ovalButton.addActionListener(canvas);
Button roundRectButton = new Button("RoundRect");
roundRectButton.addActionListener(canvas);
Panel bottom = new Panel(); // a Panel to hold the control buttons
bottom.setLayout(new GridLayout(1,4,3,3));
bottom.add(rectButton);
bottom.add(ovalButton);
bottom.add(roundRectButton);
bottom.add(colorChoice);
setLayout(new BorderLayout(3,3));
add("Center",canvas); // add canvas and controls to the applet
add("South",bottom);
public Insets getInsets() {
// Says how much space to leave between the edges of the applet and the
// components in the applet.
return new Insets(3,3,3,3);
} // end class ShapeDraw
class ShapeCanvas extends Canvas implements ActionListener, ItemListener,
MouseListener, MouseMotionListener {
// This class represents a canvas that can display colored shapes and
// let the user drag them around. It uses an off-screen images to
// make the dragging look as smooth as possible. A pop-up menu is
// added to the canvas that can be used to performa certain actions
// on the shapes;
Image offScreenCanvas = null; // off-screen image used for double buffering
Graphics offScreenGraphics; // graphics context for drawing to offScreenCanvas
Vector shapes = new Vector(); // holds a list of the shapes that are displayed on the canvas
Color currentColor = Color.red; // current color; when a shape is created, this is its color
ShapeCanvas() {
// Constructor: set background color to white, set up listeners to respond to mouse actions,
// and set up the pop-up menu
setBackground(Color.white);
addMouseListener(this);
addMouseMotionListener(this);
popup = new PopupMenu();
popup.add("Red");
popup.add("Green");
popup.add("Blue");
popup.add("Cyan");
popup.add("Magenta");
popup.add("Yellow");
popup.add("Black");
popup.add("White");
popup.addSeparator();
popup.add("Big");
popup.add("Medium");
popup.add("Small");
popup.addSeparator();
popup.add("Delete");
popup.add("Bring To Front");
add(popup);
popup.addActionListener(this);
} // end construtor
synchronized public void paint(Graphics g) {
// In the paint method, everything is drawn to an off-screen canvas, and then
// that canvas is copied onto the screen.
makeOffScreenCanvas();
g.drawImage(offScreenCanvas,0,0,this);
public void update(Graphics g) {
// Update method is called when canvas is to be redrawn.
// Just call the paint method.
paint(g);
void makeOffScreenCanvas() {
// Erase the off-screen canvas and redraw all the shapes in the list.
// (First, if canvas has not yet been created, then create it.)
if (offScreenCanvas == null) {
offScreenCanvas = createImage(getSize().width,getSize().height);
offScreenGraphics = offScreenCanvas.getGraphics();
offScreenGraphics.setColor(getBackground());
offScreenGraphics.fillRect(0,0,getSize().width,getSize().height);
int top = shapes.size();
for (int i = 0; i < top; i++) {
Shape s = (Shape)shapes.elementAt(i);
s.draw(offScreenGraphics);
public void itemStateChanged(ItemEvent evt) {
// This is called to respond to item events. Such events
// can only be sent by the color choice menu,
// so respond by setting the current color according to
// the selected item in that menu.
Choice colorChoice = (Choice)evt.getItemSelectable();
switch (colorChoice.getSelectedIndex()) {
case 0: currentColor = Color.red; break;
case 1: currentColor = Color.green; break;
case 2: currentColor = Color.blue; break;
case 3: currentColor = Color.cyan; break;
case 4: currentColor = Color.magenta; break;
case 5: currentColor = Color.yellow; break;
case 6: currentColor = Color.black; break;
case 7: currentColor = Color.white; break;
public void actionPerformed(ActionEvent evt) {
// Called to respond to action events. The three shape-adding
// buttons have been set up to send action events to this canvas.
// Respond by adding the appropriate shape to the canvas. This
// also be a command from a pop-up menu.
String command = evt.getActionCommand();
if (command.equals("Rect"))
addShape(new RectShape());
else if (command.equals("Oval"))
addShape(new OvalShape());
else if (command.equals("RoundRect"))
addShape(new RoundRectShape());
else
doPopupMenuCommand(command);
synchronized void addShape(Shape shape) {
// Add the shape to the canvas, and set its size/position and color.
// The shape is added at the top-left corner, with size 50-by-30.
// Then redraw the canvas to show the newly added shape.
shape.setColor(currentColor);
shape.reshape(3,3,50,30);
shapes.addElement(shape);
repaint();
// ------------ This rest of the class implements dragging and the pop-up menu ---------------------
PopupMenu popup;
Shape selectedShape = null; // This is null unless a menu has been popped up on this shape.
Shape draggedShape = null; // This is null unless a shape has been selected for dragging.
int prevDragX; // During dragging, these record the x and y coordinates of the
int prevDragY; // previous position of the mouse.
Shape clickedShape(int x, int y) {
// Find the frontmost shape at coordinates (x,y); return null if there is none.
for ( int i = shapes.size() - 1; i >= 0; i-- ) { // check shapes from front to back
Shape s = (Shape)shapes.elementAt(i);
if (s.containsPoint(x,y))
return s;
return null;
void doPopupMenuCommand(String command) {
// Handle a command from the pop-up menu.
if (selectedShape == null) // should be impossible
return;
if (command.equals("Red"))
selectedShape.setColor(Color.red);
else if (command.equals("Green"))
selectedShape.setColor(Color.green);
else if (command.equals("Blue"))
selectedShape.setColor(Color.blue);
else if (command.equals("Cyan"))
selectedShape.setColor(Color.cyan);
else if (command.equals("Magenta"))
selectedShape.setColor(Color.magenta);
else if (command.equals("Yellow"))
selectedShape.setColor(Color.yellow);
else if (command.equals("Black"))
selectedShape.setColor(Color.black);
else if (command.equals("White"))
selectedShape.setColor(Color.white);
else if (command.equals("Big"))
selectedShape.resize(75,45);
else if (command.equals("Medium"))
selectedShape.resize(50,30);
else if (command.equals("Small"))
selectedShape.resize(25,15);
else if (command.equals("Delete"))
shapes.removeElement(selectedShape);
else if (command.equals("Bring To Front")) {
shapes.removeElement(selectedShape);
shapes.addElement(selectedShape);
repaint();
synchronized public void mousePressed(MouseEvent evt) {
// User has pressed the mouse. Find the shape that the user has clicked on, if
// any. If there is a shape at the position when the mouse was clicked, then
// start dragging it. If the user was holding down the shift key, then bring
// the dragged shape to the front, in front of all the other shapes.
int x = evt.getX(); // x-coordinate of point where mouse was clicked
int y = evt.getY(); // y-coordinate of point
if (evt.isPopupTrigger()) { // If this is a pop-up menu event that
selectedShape = clickedShape(x,y); // occurred over a shape, record which shape
if (selectedShape != null) // it is and show the menu.
popup.show(this,x,y);
else {
draggedShape = clickedShape(x,y);
if (draggedShape != null) {
prevDragX = x;
prevDragY = y;
if (evt.isShiftDown()) { // Bring the shape to the front by moving it to
shapes.removeElement(draggedShape); // the end of the list of shapes.
shapes.addElement(draggedShape);
repaint(); // repaint canvas to show shape in front of other shapes
synchronized public void mouseDragged(MouseEvent evt) {
// User has moved the mouse. Move the dragged shape by the same amount.
if (draggedShape != null) {
int x = evt.getX();
int y = evt.getY();
draggedShape.moveBy(x - prevDragX, y - prevDragY);
prevDragX = x;
prevDragY = y;
repaint(); // redraw canvas to show shape in new position
synchronized public void mouseReleased(MouseEvent evt) {
// User has released the mouse. Move the dragged shape, then set
// shapeBeingDragged to null to indicate that dragging is over.
// If the shape lies completely outside the canvas, remove it
// from the list of shapes (since there is no way to ever move
// it back onscreen).
int x = evt.getX();
int y = evt.getY();
if (draggedShape != null) {
draggedShape.moveBy(x - prevDragX, y - prevDragY);
if ( draggedShape.left >= getSize().width || draggedShape.top >= getSize().height ||
draggedShape.left + draggedShape.width < 0 ||
draggedShape.top + draggedShape.height < 0 ) { // shape is off-screen
shapes.removeElement(draggedShape); // remove shape from list of shapes
draggedShape = null;
repaint();
else if (evt.isPopupTrigger()) { // If this is a pop-up menu event that
selectedShape = clickedShape(x,y); // occurred over a shape, record the
if (selectedShape != null) // shape and show the menu.
popup.show(this,x,y);
public void mouseEntered(MouseEvent evt) { } // Other methods required for MouseListener and
public void mouseExited(MouseEvent evt) { } // MouseMotionListener interfaces.
public void mouseMoved(MouseEvent evt) { }
public void mouseClicked(MouseEvent evt) { }
} // end class ShapeCanvas
abstract class Shape {
// A class representing shapes that can be displayed on a ShapeCanvas.
// The subclasses of this class represent particular types of shapes.
// When a shape is first constucted, it has height and width zero
// and a default color of white.
int left, top; // Position of top left corner of rectangle that bounds this shape.
int width, height; // Size of the bounding rectangle.
Color color = Color.white; // Color of this shape.
void reshape(int left, int top, int width, int height) {
// Set the position and size of this shape.
this.left = left;
this.top = top;
this.width = width;
this.height = height;
void resize(int width,int height) {
// Set the size without changing the position
this.width = width;
this.height = height;
void moveTo(int x, int y) {
// Move upper left corner to the point (x,y)
this.left = x;
this.top = y;
void moveBy(int dx, int dy) {
// Move the shape by dx pixels horizontally and dy pixels veritcally
// (by changing the position of the top-left corner of the shape).
left += dx;
top += dy;
void setColor(Color color) {
// Set the color of this shape
this.color = color;
boolean containsPoint(int x, int y) {
// Check whether the shape contains the point (x,y).
// By default, this just checks whether (x,y) is inside the
// rectangle that bounds the shape. This method should be
// overridden by a subclass if the default behaviour is not
// appropriate for the subclass.
if (x >= left && x < left+width && y >= top && y < top+height)
return true;
else
return false;
abstract void draw(Graphics g);
// Draw the shape in the graphics context g.
// This must be overriden in any concrete subclass.
} // end of class Shape
class RectShape extends Shape {
// This class represents rectangle shapes.
void draw(Graphics g) {
g.setColor(color);
g.fillRect(left,top,width,height);
g.setColor(Color.black);
g.drawRect(left,top,width,height);
class OvalShape extends Shape {
// This class represents oval shapes.
void draw(Graphics g) {
g.setColor(color);
g.fillOval(left,top,width,height);
g.setColor(Color.black);
g.drawOval(left,top,width,height);
boolean containsPoint(int x, int y) {
// Check whether (x,y) is inside this oval, using the
// mathematical equation of an ellipse.
double rx = width/2.0; // horizontal radius of ellipse
double ry = height/2.0; // vertical radius of ellipse
double cx = left + rx; // x-coord of center of ellipse
double cy = top + ry; // y-coord of center of ellipse
if ( (ry*(x-cx))*(ry*(x-cx)) + (rx*(y-cy))*(rx*(y-cy)) <= rx*rx*ry*ry )
return true;
else
return false;
class RoundRectShape extends Shape {
// This class represents rectangle shapes with rounded corners.
// (Note that it uses the inherited version of the
// containsPoint(x,y) method, even though that is not perfectly
// accurate when (x,y) is near one of the corners.)
void draw(Graphics g) {
g.setColor(color);
g.fillRoundRect(left,top,width,height,width/3,height/3);
g.setColor(Color.black);
g.drawRoundRect(left,top,width,height,width/3,height/3);
}Manveer-Singh
Please don't post in old threads that are long dead. When you have a question, please start a topic of your own. Feel free to provide a link to an old thread if relevant.
I'm locking this 3 year old thread now.
db
edit You have earlier been advised not to post in old dead threads.
[http://forums.sun.com/thread.jspa?threadID=354443]
Continuing to ignore this advice will render your account liable to be blocked.
Edited by: Darryl.Burke -
Adobe Muse 1.0 Release - a disgrace to Adobe @ 25
I'm sincerely disappointed that after going through the beta stages for over 9months, promises, contribution, expectations. Adobe would release an incomplete and feature-less product as part of its creative cloud release. Several ideas contributed by beta testers was turned down for just half-baked additions. This is disappointing! Adobe wants me to pay for that!
How about stop fighting over who's wrong and who's right?
You have all have got your own personal opinion and a point. I don't see any meeting grounds since you all stand in different areas of the spectrum:
- Marian will wait until there'll be something she deems mature and worth the price,
- topelovely is upset that after all the beta testing, now Adobe asks users to pay for a release deemed not worth the price, and sees that as a continued beta testing period at subscribers expenses,
- grayrockgraphics is OK paying a subscription for a product that although not mature, is being helpful enough to make it worth the subscription cost.
You are all right in your point of view... so I see no point in arguing over who's point is "righter"... so in the end:
- Marian will subscribe, perhaps after version 3 will be out, or whenever she will think the app is mature enough to justify the cost,
- topelovely will probably hold a grudge to Adobe for a bit longer and may take more than version 3 to make a purchase worth the subscription price, in the meantime may (or not) actively looking for alternatives that may exist in the market,
- grayrockgraphics will continue to be a happy camper
As far as I am concerned and I don't know if any users in the community will share (or have even thought about the new cloud subscription model from my POV)...
There is one thing I don't like about the cloud pricing and that is the fact that I will be at the mercy of Adobe to be able to use creative tools. This is something I honestly don't like much at all. Not a question of fairness, principle or even price... it's practicality and experience that raise several concerns. For instance:
- What will happen with my creative tools when/if a company offering them via subscription decides to stop offering as they may find something else more profitable or for any other reasons? Flash hasn't been killed, but no longer enjoys the popularity and dominance it once had... Flex has turned into Flash builder later only to be handed to the Apache foundation to be shelved somewhere... Catalyst died when was just coming out of the woumb as Flash lost exponetially in popularity with the advent of the iDevices which forced Adobe to rethink its strategy on its Flash platform turning a dying product into a niche one to be used mostly for 3D gaming and other niche app building turing its aims at plugin-free, web-standard-compliant creation tools (therefore adding Edge and Muse projects to the family).
So although most of the efforts and hours of learning dedicated to become proficient in Flash and AS1, then AS2, and once again AS3, have gone mostly down the drain (in practice) along with the money invested in it since there are much less opportunities out there today for flash developers, not all was completely lost. Knowledge of some programming principles, best practices, optimization, etc., experience with the application and AS3 will be reusable across other apps, are some of what remained. But above all, one thing hasn't been lost and that is my access to the Flash application itself, since I haven't been required (nor will be required), to pay a monthly subscription in order to access the applications I OWN. I still own the Macromedia versions of Flash and can still install them on my mac to my heart content as I see fit... I can do the same with all the version of the software I own. Call me silly or old fashioned, but I'd rather own my applications than pay a subscription to access the tools that earn my livelihood. I like to decide when to spend or not to spend rather than going on an endless and indefinite payment plan.
I do not disagree with having the option to offer a formula where customers will subscribe to a cloud service in order to access their applications (and I know apps are not running in the cloud... no need to reassure about the fact they still run on users desktops), that's something that will help Adobe and not most users. The company started to loose purchases for the way upgrades where offered. I could not justify spending close to 1K in an upgrade that added little to nothing to what I currently owned, so now Adobe has turned to indefinite charging to make sure everyone keeps paying and will forced everyone to update whether they like it or not, even when not needed, and even when can't afford it at any given time.
While this model my satisfy some users, others like myself, would prefer to be given the option to continue purchasing stand alone versions of the products that do not impose a mandatory cloud membership in order to be able to use the application. I still want the ownership of the right to access the application whenever and however I see fit and necessary to me. The subscription-only model is most damaging as it becomes a pre-requisite to be able to continue to work free of pending monthly bills that in time add up and may represent for most an unnecessary expenditure. Large corporations may not care about it, but many freelancer professional are increasingly being forced to penny-pinch and become more frugal for a list of reason I will spare you mentioning here.
The new cloud subscription model was likely pleasing to shareholders, and Adobe as it's designed to create a steady revenue stream for the company. Much like the wireless carriers' cell plans, where one would continue to pay for the service even when not needed. And what's more one will have to continue paying even if there'll be a price increase... since it will no longer be an option to "skip the next couple releases".
I still own, can access, actively use and find satisfying most of my professional needs the apps in my CS4 Premium. That not only increases my ROI in software, but gives me confidence that I will continue to be able to works for months to come without having to pay $50/month just to continue to use those applications and won't force me in upgrades that I might no be interested in, I might not want, or I might not be able to afford at a given moment. I would gladly pay for something when I will have use for it, it will make financial and practical sense and I would actually pay to ownership the right to use it free from limitations such as having to pay a monthly access fee.
So for that and other reasons, many users aren't rejoicing for the most part, and are rather concerned and/or upset about the decision of Adobe to go down that route... I am (quite obviously) one of the concerned ones. The concerns and opinions I expressed above may or not find you in agreement, but one thing is undeniably clear: this move will have far reaching impacts that many of us aren't even thinking about today. And that's just a fact, no matter how many like Marian will patiently wait for a release that will justify the investment, or how many others will be sulking over having to pay for beta testing-grade apps like topelovely (understandably upset about it) delaying purchase indefinitely perhaps looking at alternatives, and no matter the many that will be happy campers like grayrockgraphics, and have no trouble paying the fee and who probably haven't given much thought about what this scenario could mean long-term once ownership concept will be completely removed and dependency concept will have become the new paradigm.
Just on that note I'd like to let all temporary happy campers that the monthly subscription has been set at the current amount to entice users to switch, but it will be unlikely to remain as such for long and there won't be any guarantee it will always be matching everyone's idea of "affordable"... after all since you make a living on those apps, would it be unfair to ask customers to pay $1,200 ($100/mo) to update the suite that enables them to continue to work? Some may respond that's even cheap! But I may argue that the suite alone brings little value, it's who it's used and what's being produced that creates one's livelihood, those apps are just enabling tools. For a cheesy reference... the values were not in the chisel and hammer Michelangelo used to sculpt but in his skills, artistic sensibility, genius... (and almost fanatical devotion to the pope ;D)... true he could not sculpt without chisel and hammer, nor he would have been able to bring to life his splendid creations with a dull chisel. But I hope everyone gets it: it's not all about the just a chisel.
The point of the matter is that for many more users the subscription model will be a clear loss. Just consider this:
It's been about 4 years since I owned CS4 and for it I paid ~$650 with taxes. With each passing month I've increased my ROI and NOT my EXPENSES, so buying first to upgrading as needed should be a no-brainer. I have had no need to upgrade since and, where freelancing required to work on newer versions, the client provided their own copy installed on their own computer which created no pressing need for me to rush into unneded upgrades.
So under a subscription plan ~$54/mo with taxes (assuming the current amount remained the same in the 48 months span of app ownership) where my TCO today would have been $2592.00 and counting, my actual TCO it's been about $13.55 and it is lowering itself (not increasing!) with each passing month. The total of $2592.00 I would have spent in 4 years of subscription-based access, are roughly x4 the of what I paid to upgrade therefore it represents a total of 4 upgrades at a $650 price point. Regardless to the fact that I had no need for such upgrades (not that I could even decide to save my money and continue using CS4 since there isn't such an option in subscription-based plans), I would not be getting 4 upgrades to major releases, but only two CS5 and CS6 (something that as I mentioned, was unnecessary form my needs). It isn't a question of being a cheapskate, but rather spending where it makes sense to do so and saving where spending would be wasteful. I don't know about most people but I could put to good use any "extra" cash and as a matter of fact the $1,942 saved would easily cover a $40.45 cellphone plan over those 4 years... how would you like to get free cell service for 4 years? Of course you could use that money for course tuition and invest in learning new skills or whatever you deem necessary... point is why should we be forced pay indefinitely for a subscription when ownership in many cases (certainly mine as you can see from the number above) is a far more convenient (for me not Adobe) deal?!
To those who may argue that subscriptions give access to the latest software, I say two this:
1) that comes at a hefty premium and as I showed above it would be much cheaper to upgrade to major releases as needed, especially since it not always necessary to have the latest release... Adobe knows that full well and that's why is now pushing subscriptions-based access to its creative suite to increase revenues (not a critic to their move, it makes good business sense for a company as their interest is in growing revenues first and foremost. Unfortunately that happens to be detrimental and uneconomical for customers and there's no arguing intention here).
2) you will have no other option but continue to upgrade whether you like it or not since the moment you would end your subscription you will be left with nothing to work with.
3) In my calculation above even in the case where there would've been parity and would have had to pay a full $2,592 for the cost for ownership after 4 years, at the end of those 4 years I'd be still owning the application, while after 4 years of paying monthly subscription access I'd be left holding my jewels
Further argument of "what about including the cost of original full CS purchase used to upgrade"? Well if point #3 above wasn't already making that question completely moot, even adding roughly $1300 of a CS2 bought 2 years earlier it would come to a total of $1,950 that in 6 years would mean the cost would still have been ~$27/mo (though in my case was lower as my upgrade path from Macromedia MX studio 8 to costed less than 1/2 than those $1,300)
so to wrap up... I'd like to see Adobe keep both options so that customers will be able choose the formula that best suits their needs... those who prefer ownership will be able to buy physical copies of the applications, and those who prefer a subscription model, will be able to go that route as well... and everyone will be a happy camper ;D -
I can't see my shapes in Pages.
Hi all, first post so be gentle ! I'm using Pages for the first time hoping to get away from the hateful MS Word but I've run into my first problem. I have added shapes to the page but cannot see them. If I get ready to print then I can see them on the preview window and if I get lucky and click on one of them then the handles appear but otherwise I'm just staring at a blank page. Help !!!!!!!!
Thanks for the reply but that's not it. The shape has a border in black and fill in green and it's the only thing on the page.
It's strange that it appears on the print preview page but I can't see it on the page. Very frustrated as I'm trying to work on something when I have to arrange a number of shapes and it is impossible to do.........grrrrr.
OK, it's stranger than that. I added a shadow and that showed up and then changed the shape fill colour to a deep crimson and the shape shows up as a light blue ??
Then I put a photo on the page and it's all washed out colours as well.....but the opacity is at 100% which I had thought might be the problem. So it's as if Pages isn't displaying colours properly (but again does so perfectly when I go to print and it shows in the preview window)
Very strange
Maybe you are looking for
-
It doesn't seem to matter what project I'm working on... the picture in the viewer is gone. All I see is a blank (white) screen. If I put the cursor over the viewer and drag to the timeline, the clip will appear on the time line (and in the canvas)
-
Printer set up in 11.5.10.2????
Hai, how we will configure printer setup in 11.5.10.2. our environment was LINUX as 4.0 and EBS version was 11.5.10.2 Regards DBA
-
Question about How to Use Custom CellEditors
Hi: I have been trying to implement something like this: I have a JPanel, and when you double-click a particular spot on it, I want a textbox to appear. Currently, I am implementing it by using an undecorated JDialog that contains a JTextField in it
-
Snippit visible in mobile me but not local site
As the topic says this search box snippet <form method="get" action="http://www.google.com/search"> <table border="0" cellpadding="0"> <tr><td> <input type="text" name="q" size="25" maxlength="255" value="" /> <input type="submit" value="Search" /></
-
Error (STU00104) while installing BOE XI 3.1 SP4
Hi All, I am installing BOE XI 3.1 SP4 on a host which is already running the BI7 system DB: Oracle 10.2.0.4 What i am trying to do is that i want to use the same existing DB of BI, so for that i have created a Tblspace for BO: PSAPBO1 and then creat