2. Agenda Java Coordinate Systems. Graphics Class. Drawing on Panels. Drawing Shapes.

3. Java Coordinate Systems

4. Java Coordinate System To paint, you need to know where to paint. The origin (0, 0) at the upper-left corner of the component. 8 - 4

5. Java Coordinate System Each GUI Component Has its Own Coordinate System. 8 - 5

6. Graphics Class

7. The Graphics Class Is a java class allow you to draw  Strings.  Lines.  Rectangles.  Ovals.  Arcs.  Polygons.  Polylines. 8 - 7

8. The Graphics Class 8 - 8

9. Obtaining Graphics Object The Graphics class is an abstract class that used for displaying figures and images on the screen on different platforms. Whenever a component (button, label, panel etc…) is displayed, a Graphics object is created for the component. 8 - 9

10. Obtaining Graphics Object You can then apply the methods in the Graphics class to draw things on the label’s graphics context. Think of a GUI component as a piece of paper and the Graphics object as a pencil or paintbrush. You can apply the methods in the Graphics class to draw things on a GUI component. 8 - 10

11. paintComponent Method To draw you will override paintComponent.  protected void paintComponent(Graphics g). This method, is invoked whenever the component is first displayed or redisplayed. The Graphics object g is created automatically by the JVM for every visible GUI component. The JVM obtains the Graphics object and passes it to invoke paintComponent. 8 - 11

12. Drawing on Panels

13. Panel can be used to draw graphics and enable user interaction. To draw in a panel, you create a new class that extends JPanel and override the paintComponent method to tell the panel how to draw things. Invoking super.paintComponent(g) is necessary to ensure that the viewing area is cleared before a new drawing is displayed. 8 - 13

14. Drawing Shapes

15. Drawing Strings. Drawing Lines. Drawing Rectangles. Drawing Ovals. Drawing Arcs. Drawing Polygons. 8 - 15

16. Drawing Strings, Lines 8 - 16 drawLine(int x1, int y1, int x2, int y2); drawString(String s, int x, int y);

17. TestDrawLine This example develops a useful class for displaying line and string. 8 - 17

18. Drawing Rectangles drawRect(int x, int y, int w, int h); fillRect(int x, int y, int w, int h); 8 - 18

19. TestDrawRectangle This example develops a useful class for displaying rectangle. 8 - 19

20. Drawing Ovals drawOval(int x, int y, int w, int h); fillOval(int x, int y, int w, int h); 8 - 20

21. Drawing Rounded Rectangle drawRoundRect(int x, int y, int w, int h, int aw, int ah); fillRoundRect(int x, int y, int w, int h, int aw, int ah); 8 - 21

22. TestFigurePanel This example develops a useful class for displaying various figures. 8 - 22

23. Drawing Arcs drawArc(int x, int y, int w, int h, int angle1, int angle2); fillArc(int x, int y, int w, int h, int angle1, int angle2); 8 - 23 Angles are in degree

24. Drawing Arcs Example 8 - 24

25. Drawing Polygons and Polylines g.drawPolygon(x, y, x.length); int[] x = {40, 70, 60, 45, 20}; int[] y = {20, 40, 80, 45, 60}; g.drawPolyline(x, y, x.length); 8 - 25

26. Drawing Polygons Using the Polygon Class Polygon polygon = new Polygon(); polygon.addPoint(40, 59); polygon.addPoint(40, 100); polygon.addPoint(10, 100); g.drawPolygon(polygon); 8 - 26

27. Drawing Polygons Example 8 - 27

28. Displaying Image Icons You learned how to create image icons and display image icons in labels and buttons. For example, the following statements create an image icon and display it in a label: ImageIcon icon = new ImageIcon("image/us.gif"); JLabel jlblImage = new JLabel(imageIcon); An image icon displays a fixed-size image. 8 - 28

29. Displaying Image Icons To display an image in a flexible size, you need to use the java.awt.Image class. An image can be created from an image icon using the getImage() method as follows: Image image = imageIcon.getImage(); 8 - 29

30. Displaying Images Using a label as an area for displaying images is simple and convenient, but you don't have much control over how the image is displayed. A more flexible way to display images is to use the drawImage method of the Graphics class on a panel. Four versions of the drawImage method are shown here. 8 - 30

31. Displaying Images Example 8 - 31

32. Any Question