Software Design: Figures

Transcription

1 Software Design: Figures

2 Your assistant for this week Stefan Stevsic Office: CNB H You can simply stop by. You can also drop me a short to check if I m there. Please submit exercise 5 solutions to me. 23 March

3 ColorPicker

4 Some of your submissions 23 March

5 ColorPicker : Layout JPanel(new GridLayout(1, 2, 5, 5)) BorderLayout.NORTH rows=1 cols=2 hgap=5 vgap=5 JPanel(new FlowLayout()) BorderLayout.CENTER

6 ColorPicker : Layout JPanel(new GridLayout(3, 1, 3, 3)) JPanel(new GridLayout(3, 2)) JPanel(new GridLayout(2, 1, 5, 5)) JPanel(new GridLayout(0, 1))

7 ColorPicker UML : ColorModel public class ColorModel { private Color color; private List<ColorListener> listeners = new LinkedList<ColorListener>(); public void addcolorlistener(colorlistener l) { listeners.add(l); public void setcolor(color color) { if (!color.equals(this.color)) { this.color = color; for (ColorListener l : listeners){ l.colorvaluechanged(color);

8 has ColorPicker UML Example: Scrollbar <<interface>> Java.util.EventListener <<interface>> ColorListener CScrollBar <<interface>> AdjustmentListener JScrollBar 0..n 0..n updates contained in 1 1 ColorModel 1 1 ColorFrame JComponent etc.

9 ColorPicker UML : CScrollBar public interface ColorListener { void colorvaluechanged (Color c); <<interface>> ColorListener CScrollBar class CScrollBar extends JScrollBar implements AdjustmentListener, ColorListener { <<interface>> AdjustmentListener CScrollBar(ColorModel model, int type, int orientation, int val) { super(orientation, val, 0, 0, 255); this.model = model; this.type = type; addadjustmentlistener(this); model.addcolorlistener(this); public void adjustmentvaluechanged(adjustmentevent e) { // update model -> model.setcolor(c); public void colorvaluechanged(color color) { // set scrollbar value, e.g., setvalue(color.getred());

10 Exercise 5 Overview 1. Implementation of DrawModel 2. Implementation of some figures Line Oval Implementation of the corresponding tools LineTool, OvalTool, Registration of the Tools in class StdContext doregisterdrawtools () (Line 151) 5. Extraction of the commonalities from the figure and tool classes into abstract base classes.. ex. 4 ex. 5

11 Exercise 5: Classes to create <<interface>> jdraw.framework.drawmodel <<interface>> FigureListener DrawView DrawModelListener * * 1 1 DrawModel 0..1 * <<interface>> Figure your job New Change prepared in ex. 4 Line Rect Oval creates creates LineTool RectTool OvalTool StdContext registrates «interface» DrawTool

12 Drawing of figures 1. Tool selection deactivate() method of previous tool is called activate() method of next tool is called Call to showstatustext ( Line Tool selected ) of DrawEditor sets Statusbar Can add/remove additional menus 2. Mouse-Down Click (inside DrawTool::mouseDown()) Creates new figure with current mouse position as origin (widht & height are zero). Adds new figure to draw model Calls showstatustext ( Adding Line ) in DrawEditor to set status bar 23 March

13 Drawing of figures 3. Dragging the mouse (inside DrawTool::mouseDrag()) Calls setbounds(mousedown-coordinates, current mouse coordinates) Calls showstatustext ( Figure Properties ) displays current figure properties in status bar 4. Release of mouse button (inside DrawTool::mouseUp()) Delete figure if mousedown == mouseup coordinates Prevent figure with zero size. Call showstatustext ( Line Tool selected ); 23 March

14 Implementation of own figure class 1. Figure must implement the Figure interface 2. Definition of figures Line: Start and end points Oval/Ellipse: Defined over corner points of the bounding box 3. Figures draw themselfes in the draw(graphics g) method 23 March

15 Implementation of own figure class 4. Figure is an Observable Implements notification: E.g. in move(x,y) notifies listeners (your DrawModel) via FigureListener method 5. Figure::clone() and Figure::getHandles() may return null in this exercise (will be part of a later exercise). 23 March

16 Implementation of figure tools 1. Tools create figures and are visible in the toolbar with an icon. 2. Tools implement the interface DrawTool see RectTool. 3. Tools know the controller (StdContext) are activated/deactivated set mouse cursor and status bar process mouse events have a name have an icon 4. Icons for ellipse, line, and rectangle are in res/images see RectTool for an example 23 March

17 Registration of the tool Add them near line 151 in protected void doregisterdrawtools() { DrawTool rectangletool = new RectTool(this); addtool(rectangletool); // add more tools here new tools then appear in the tool bar

18 Tips Reuse existing AWT classes such as java.awt.geom.line2d and java.awt.geom.ellipse2d. Think about how you can extract common behaviour into common base classes to avoid code duplication