Graphics

C# .NET Graphics

Extra – not tested

Required for assignment 1

What will we be learning?

Surface, pen and brush

Draw Lines

Draw Rectangles

Draw Polygons

Draw Text

Basic - Graphics

(1) we need to have a Graphics instance (similar

to a surface)

Basic

Declare

Graphics mySurface;

Basic

Create

Graphics mySurface;mySurface = this.CreateGraphics();

Basic - Pen

(2) To draw lines or outlines of

shapes, we need a Pen

Basic - Pen

Declare

Pen pen1;

Basic - Pen

Create

2 parameters- Color

- thickness

Pen pen1;pen1 = new Pen(Color.Blue, 1.0f);

Basic - Brush

(3) To fill inside shapes, we need

a Brush

Basic - Brush

Declare

Types of brushSolidBrushHatchBrush

LinearGradientBrushPathGradientBrush

TextureBrush

SolidBrush brush1;

Basic - Brush

Create

SolidBrush brush1;brush1 = new SolidBrush(Color.Green);

Basic - BrushTypes of brush

SolidBrushHatchBrush

LinearGradientBrushPathGradientBrush

TextureBrush

Draw Lines> New Solution: SpfGraphics

> Select Form1.cs, select design view

> select events and double click “Paint” event

Draw Lines

Draw Lines

Output

Using points & DrawLinesContinue in Form1_Paint

Output

surface1.DrawLine(pen1, pt1, pt3);

surface1.DrawLines(pen1, points);

Draw RectangleContinue in Form1_Paint

Draw Rectangle

Fill Shape

Continue in Form1_Paint

Fill Shape

Draw Polygon


Draw Polygon

Draw Text


Draw Text

Try it yourself: drawing cross for mousedown

VID

EO

Try it yourself!

Hint: use the mousedown event

Hint: 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)

Possible solution

Draw fix line follow mouse


New project “lineFollowMouse”


// Get the mouse position

Demo: flexi line follow mouse

VID

EO

Flexi line follow mouse

// Get the mouse position

Demo: Simple pixel drawing

VID

EO

Simple pixel drawing

New project: SimplePixelDrawing




to continue next page


continue from previous page

Summary

Surface, pen and brush

Draw Lines

Draw Rectangles

Draw Polygons

Draw Text

Education

Graphics