Graphics
Download as PPTX, PDF2 likes1,145 views
This document discusses C# .NET graphics and how to draw various shapes and text. It covers: 1. Creating a Graphics instance to draw on a surface and creating Pen and Brush objects to draw lines and fill shapes. 2. Basic drawing functions including drawing lines using DrawLine(), rectangles using DrawRectangle(), polygons using DrawPolygon(), and text using DrawString(). 3. Examples of drawing a cross when the mouse is clicked, drawing a line that follows the mouse, and pixel drawing.
Graphics
- 1. C# .NET Graphics Extra – not testedRequired for assignment 1
- 2. What will we be learning?Surface, pen and brushDraw LinesDraw RectanglesDraw PolygonsDraw Text
- 3. Basic - Graphics(1) we need to have a Graphics instance (similar to a surface)
- 5. BasicCreateGraphics mySurface;mySurface = this.CreateGraphics();
- 6. Basic - Pen(2) To draw lines or outlines of shapes, we need a Pen
- 7. Basic - PenDeclarePen pen1;
- 8. Basic - PenCreate2 parameters- Color- thicknessPen pen1;pen1 = new Pen(Color.Blue, 1.0f);
- 9. Basic - Brush(3) To fill inside shapes, we need a Brush
- 10. Basic - BrushDeclareTypes of brushSolidBrushHatchBrushLinearGradientBrushPathGradientBrushTextureBrushSolidBrush brush1;
- 11. Basic - BrushCreateSolidBrush brush1;brush1 = new SolidBrush(Color.Green);
- 12. Basic - BrushTypes of brushSolidBrushHatchBrushLinearGradientBrushPathGradientBrushTextureBrush
- 13. Draw Lines> New Solution: SpfGraphics> Select Form1.cs, select design view> select events and double click “Paint” event
- 14. Draw Lines
- 15. Draw Lines
- 16. Output
- 17. Using points & DrawLinesContinue in Form1_Paint
- 19. Draw RectangleContinue in Form1_Paint
- 20. Draw Rectangle
- 21. Fill ShapeContinue in Form1_Paint
- 22. Fill Shape
- 23. Draw PolygonContinue in Form1_Paint
- 24. Draw Polygon
- 25. Draw TextContinue in Form1_Paint
- 26. Draw Text
- 27. Try it yourself: drawing cross for mousedownVIDEO
- 28. Try it yourself!Hint: use the mousedown eventHint: use points (e.X-5, e.Y-5) , (e.X+5, e.Y+5), (e.X+5, e.Y-5) , (e.X-5, e.Y+5)
- 30. Draw fix line follow mouse
- 31. Draw fix line follow mouseNew project “lineFollowMouse”
- 32. Draw fix line follow mouse// Get the mouse position
- 33. Demo: flexi line follow mouseVIDEO
- 34. Flexi line follow mouse// Get the mouse position
- 35. Demo: Simple pixel drawingVIDEO
- 36. Simple pixel drawingNew project: SimplePixelDrawing
- 39. Simple pixel drawingto continue next page
- 40. Simple pixel drawingcontinue from previous page
- 41. SummarySurface, pen and brushDraw LinesDraw RectanglesDraw PolygonsDraw Text