C_图形程序设计基础PPT课件.ppt

1、C#图形程序设计基础,1 GDI+绘图基础2 基本图形的绘制3 实用图形程序设计,1 GDI+绘图基础,1.1 图形设备接口 GDI+：Graphics Device Interface Plus，它提供了各种丰富的图形图像处理功能 在C#.NET中，使用GDI+处理二维（2D）的图形和图像，使用DirectX处理三维（3D）的图形图像GDI+主要有二维矢量图形、图像处理和版式三部分组成 GDI+提供了存储基元自身相关信息的类和结构、存储基元绘制方式相关信息的类，以及实际进行绘制的类 GDI+ 为使用各种字体、字号和样式来显示文本这种复杂任务提供了大量的支持 其他高级功能,图形图像处理中常常调

2、用的名称空间： System：包括常用基础数据类型和24个子名称空间 System.Drawing：提供了对GDI+基本图形功能的访问，主要有Graphics类、Bitmap类、从Brush类继承的类、Font类、Icon类、Image类、Pen类、Color类等 System.Drawing.Drawing2D：提供了高级的二维和矢量图形功能。主要有梯度型画刷、Matrix类（用于定义几何变换）和GraphicsPath类等System.Drawing.Imaging：提供了高级 GDI+ 图像处理功能 System.WinForms：提供许多与数据处理相关的结构的类System.Timer

3、s：提供精确的计时操作 System.Drawing.Text：提供了高级 GDI+ 字体和文本排版功能,1.2 创建Graphics对象 Graphics类包含在System.Drawing名称空间下。要进行图形处理，必须首先创建Graphics对象，然后才能利用它进行各种画图操作，即先创建Graphics对象再使用该对象的方法绘图、显示文本或处理图像。创建Graphics对象的形式有： 1.在窗体或控件的Paint事件中直接引用Graphics对象 每一个窗体或控件都有一个Paint事件，该事件的参数中包 含了当前窗体或控件的Graphics对象，在为窗体或控件创建绘 制代码时，一般使用此

4、方法来获取对图形对象的引用： Private void Form_Paint(object sender,System.Windows.Forms.PaintEventArgs e) Graphics g = e.Graphics; ,2.利用窗体或某个控件的CreateGraphics方法 此方法所建对象是该控件或窗体的绘图区域，可把当前窗体的画刷、字体、颜色作为缺省值获取对Graphics对象的引用， 注意这种对象只有在处理当前Windows窗口消息的过程中有效；如果想在已存在的窗体或控件上绘图，可以使用此方法。 例如：Graphics g=this.CreatGraphics();,3.

5、从继承自图像的任何对象创建Graphics对象 此方法在需要更改已存在的图像时十分有用，例如：Bitmap bitmap = new Bitmap(”C:testa1.bmp”);Graphics g = Graphics.FromImage( bitmap );,在图形图像处理程序设计中，与Graphics对象一起使用的用户对象常有： Pen：用于绘制线条、勾勒形状轮廓等； Brush：用于填充图形区域； Font：提供有关在呈现文本时要使用什么形状的说明； Color：该结构表示要显示的不同颜色注意：由于图像对象非常占资源，所以在不用这些对象时要用Dispose方法及时释放资源,附： 颜色

6、 颜色是进行图形操作的基本要素。任何一种颜色都可以由四个分量决定，每个分量占据一个字节：R：红色，取值范围0255，255为饱和红色G：绿色，取值范围0255，255为饱和绿色B：蓝色，取值范围0255，255为饱和蓝色A：Alpha值，即透明度。取值范围0255，0为完全透明，255为完全不透明 在System.Drawing名称空间下，有一个Color结构类型，包含系统已定义的颜色种类。 可以使用下列方法创建颜色对象： 使用FromArgb指定任意颜色这个方法有两种常用的形式：,第一种形式是直接指定三种颜色，方法原型为： public static Color FromArgb( int

7、red, int green, int blue )三个参数分别表示R、G、B三色，Alpha值使用缺省值255，即 完全不透明；例如：Color red = Color.FromArgb( 255, 0, 0);Color green = Color.FromArgb( 0, 255, 0);Color blue = Color.FromArgb( 0, 0, 0xff);其中，0xff为十六进制表示形式。第二种形式使用四个参数，格式为： public static Color FromArgb( int alpha, int red, int green, int blue ) 四个参数分

8、别表示透明度和 R、G、B三色值。,使用系统预定义颜色在Color结构中已经预定义了141种颜色，可以直接使 用，例如：Color myColor;myColor = Color.Red;myColor = Color.Aquamarine;myColor = Color.LightGoldenrodYellow;,1.3 创建画笔对象 用Pen类创建画笔对象，画笔通常具有宽度、样式和颜色三种属性。 1.Pen对象的创建： public Pen( Color color ); public Pen( Color color, float width ); public Pen( Brush b

9、rush ); public Pen( Brush brush, float width ); 如： Pen myPen = new Pen( Color.Black ); Pen myPen = new Pen( Color.Black, 5 ); SolidBrush myBrush = new SolidBrush( Color.Red ); Pen myPen = new Pen( myBrush); Pen myPen = new Pen( myBrush, 5 );,2.Pen对象的属性： 画笔对象的属性用于返回或设置画笔对象的颜色、画线样式、画线始点及终点的样式等。常用属性如下：

10、 Color: DashCap: DashStyle: EndCap: PenType: StartCap: Width:例：,1) 新建一个Windows应用程序，适当加宽窗体宽度。然后切换到代码方式，添加名称空间引用：using System.Drawing.Drawing2D; 2) 添加Form1_Paint事件代码。 private void Form1_Paint(object sender, System.Windows.Forms.PaintEventArgs e) Graphics g = e.Graphics;Pen pen = new Pen( Color.Blue, 1

11、0.5f ); g.DrawString( “蓝色，宽度为10.5“, this.Font,new SolidBrush(Color.Black), 5, 5 );g.DrawLine( pen, new Point(110,10), new Point(380,10) );pen.Width=2;pen.Color=Color.Red;g.DrawString( “红色，宽度为2“, this.Font,new SolidBrush(Color.Black), 5, 25 );,g.DrawLine( pen, new Point(110,30), new Point(380,30) );p

12、en.StartCap = LineCap.Flat;pen.EndCap = LineCap.ArrowAnchor;pen.Width = 9;g.DrawString( “红色箭头线“, this.Font,new SolidBrush(Color.Black), 5, 45);g.DrawLine( pen,new Point(110,50), new Point(380,50);pen.DashStyle = DashStyle.Custom;pen.DashPattern = new float 4,4;pen.Width = 2;pen.EndCap = LineCap.NoAn

13、chor;g.DrawString( “自定义虚线“, this.Font,new SolidBrush(Color.Black), 5, 65 );g.DrawLine( pen, new Point(110,70), new Point(380,70) );pen.DashStyle = DashStyle.Dot;g.DrawString(“点划线“, this.Font, new SolidBrush(Color.Black), 5, 85);g.DrawLine( pen, new Point(110,90), new Point(380,90); ,运行结果,1.4 创建画刷 画刷

14、是可与Graphics对象一起使用来创建实心形状和呈现文本的对象。可以用画刷填充各种图形形状，如矩形、椭圆、扇形、多边形和封闭路径等。几种不同类型的画刷: SolidBrush：画刷最简单的形式，用纯色进行绘制 HatchBrush：类似于 SolidBrush，但是可以利用该类从大量预设的图案中选择绘制时要使用的图案，而不是纯色 TextureBrush：使用纹理（如图像）进行绘制 LinearGradientBrush：使用沿渐变混合的两种颜色进行绘制 PathGradientBrush ：基于编程者定义的唯一路径，使用复杂的混合色渐变进行绘制,(1)使用SolidBrush类定义单色画笔

15、SolidBrush类用于定义单色画笔。该类只有一个构造函 数，带有一个Color类型的参数。下面的示例说明如何在窗体上绘制一个纯红色的椭圆。 该椭圆将符合为其提供的矩形的大小（此例中为表示整个 窗体的ClientRectangle）。例:private void Form1_Paint(object sender, System.Windows.Forms.PaintEventArgs e)Graphics g = e.Graphics;SolidBrush myBrush = new SolidBrush( Color.Red );g.FillEllipse( myBrush, this.

16、ClientRectangle );,运行效果,(2)使用HatchBrush类绘制简单图案HatchBrush类用于从大量预设的图案中选择绘制时要使用 的图案，而不是纯色。下面的示例说明如何创建一个HatchBrush，它使用90%的 阴影，前景色与背景色的比例为90:100，并使用白色作为前 景色，黑色作为背景色。例: private void Form1_Paint(object sender, System.Windows.Forms.PaintEventArgs e) Graphics g = e.Graphics;HatchBrush aHatchBrush = new Hatch

17、Brush( HatchStyle.Percent90, Color.White, Color.Black);g.FillEllipse( aHatchBrush, this.ClientRectangle ); ,运行效果：,(3)使用TextureBrush类绘制复杂图案TextureBrush类允许使用一幅图像作为填充的样式。该类 提供了5个重载的构造函数，分别是：Public TextureBrush( Image )Public TextureBrush( Image, Rectangle )Public TextureBrush( Image, WrapMode ) Public

18、TextureBrush( Image, Rectangle, ImageAttributes)Public TextureBrush( Image, WrapMode, Rectangle) 其中：Image：用于指定画笔的填充图案。Rectangle：用于指定图像上用于画笔的矩形区域，其位置不能超 越图像的范围。WrapMode：WrapMode枚举成员用于指定如何排布图像，可以是Clamp 完全由绘制对象的边框决定Tile 平铺TileFlipX 水平方向翻转并平铺图像TileFlipY 垂直方向翻转并平铺图像TileFlipXY 水平和垂直方向翻转并平铺图像,ImageAttribut

19、es：用于指定图像的附加特性参数。TextureBrush类有三个属性：Image：Image类型，与画笔关联的图像对象。Transform：Matrix类型，画笔的变换矩阵。WrapMode：WrapMode枚举成员，指定图像的排布方式。下面的示例说明了如何创建一个TextureBrush，例子使 用名为m23.jpg的图像进行绘制。 例: private void Form1_Paint(object sender, System.Windows.Forms.PaintEventArgs e) Graphics g = e.Graphics;TextureBrush myBrush = n

20、ew TextureBrush(new Bitmap(“e:testm23.jpg“);g.FillEllipse( myBrush, this.ClientRectangle ); ,运行效果：,(4)使用LinearGradientBrush类定义线性渐变这个类用于定义线性渐变画笔，可以是双色渐变，也可 以是多色渐变。缺省情况下，渐变由起始颜色沿着水平方 向平均过渡到终止颜色。要定义多色渐变，需要使用 InterpolationColors属性。下面的示例说明如何由白色渐 变到蓝色。 例: private void Form1_Paint(object sender, System.Win

21、dows.Forms.PaintEventArgs e) Graphics g = e.Graphics;LinearGradientBrush myBrush = new LinearGradientBrush(this.ClientRectangle, Color.White, Color.Blue,LinearGradientMode.Vertical );g.FillRectangle( myBrush, this.ClientRectangle ); ,如果创建应用程序后向设计窗体上拖放一些控件，可以看到运行后该图就是一个漂亮的背景了。,(5)使用PathGradientBrush类

22、实现彩色渐变在GDI+中，把一个或多个图形组成的形体称作路径。可以 使用GraphicsPath类定义路径，使用PathGradientBrush类定 义路径内部的渐变色画笔。渐变色从路径内部的中心点逐渐过 渡到路径的外边界边缘。 PathGradientBrush类有三种形式的构造函数，形式之一是：public PathGradientBrush( GraphicsPath path )其中，GraphicsPath定义画笔填充的区域。 例,路径和路径画笔的使用:using System.Drawing.Drawing2D;,private void Form1_Paint(object s

23、ender,System.Windows.Forms.PaintEventArgs e) Graphics g = e.Graphics;Point centerPoint = new Point(150,100);int R=60;GraphicsPath path=new GraphicsPath();path.AddEllipse(centerPoint.X-R,centerPoint.Y-R,2*R,2*R);PathGradientBrush brush=new PathGradientBrush(path);/指定路径中心点brush.CenterPoint=centerPoint

24、;/指定路径中心点的颜色brush.CenterColor=Color.Red;/Color类型的数组指定与路径上每个顶点对应的颜色brush.SurroundColors=new Color Color.Plum ;,g.FillEllipse(brush,centerPoint.X-R,centerPoint.Y-R,2*R,2*R); centerPoint=new Point(350,100);R=20;path=new GraphicsPath();path.AddEllipse( centerPoint.X-R,centerPoint.Y-R,2*R,2*R);path.AddEl

25、lipse( centerPoint.X-2*R,centerPoint.Y-2*R,4*R,4*R);path.AddEllipse(centerPoint.X-3*R,centerPoint.Y-3*R,6*R,6*R);brush=new PathGradientBrush(path);brush.CenterPoint=centerPoint;brush.CenterColor=Color.Red;brush.SurroundColors=new Color Color.Black,Color.Blue,Color.Green ;g.FillPath(brush,path); ,在这个

26、例子中，可以看到当使用FillPath()方法填充路径的时候，如果多个图形互相重叠，则重叠部分的数目为偶数时不会被填充，因此右图中间部分仍为背景色而不是蓝色。,附:平移、旋转与缩放,Graphics类提供了三种对图像进行几何变换的方法，它们 是TranslateTransform()方法、RotateTransform()方法和 ScaleTransform()方法，分别用于图形图像的平移、旋转和 缩放（以坐标系原点为中心）。 TranslateTransform( )方法的形式为：public void TranslateTransform(float dx,float dy)其中，dx表示

27、平移的x分量，dy表示平移的y分量; RotateTransform( )方法的形式为：public void RotateTransform(float angle)其中，angle表示旋转角度; ScaleTransform( )方法的形式为：public void ScaleTransform(float sx,float sy)其中，sx表示x方向的缩放比例，sy表示y方向的缩放比例;,例：三种变换方法示例。 private void Form1_Paint(object sender,System.Windows.Forms.PaintEventArgs e) Graphics g

28、= e.Graphics;g.FillEllipse(new SolidBrush(Color.FromArgb( 80, Color.Red ),120,30,200,100); /椭圆透明度80%g.RotateTransform(30.0f); /顺时针旋转30度g.FillEllipse(new SolidBrush(Color.FromArgb(80,Color.Blue),120,30,200,100);/水平方向向右平移200个像素，垂直方向向上平移100个像素g.TranslateTransform(200.0f,-100.0f);g.FillEllipse(new Solid

29、Brush(Color.FromArgb(50,Color.Green),120,30,200,100);g.ScaleTransform(0.5f,0.5f); /缩小到一半 g.FillEllipse(new SolidBrush(Color.FromArgb(100, Color.Red),120,30,200,100); ,2 基本图形的绘制,1. 画点 C#采用Point结构和SetPixel()方法完成画点的功能；其中Point用于图形设计，SetPixel()用于图像处理 Point原型： public struct Point; 使用： public Point p1 = ne

30、w Point(); 每个点结构有x和y两个属性，表示横纵坐标，如： p1.x = 30; p1.y = 100;,2. 画直线 1) DrawLine方法 public void DrawLine( Pen pen, int x1, int y1,int x2, int y2 ); 或 public void DrawLine( Pen pen, Point pt1, Point pt2 ); 如：Graphics g = this.CreateGraphics( );Pen p1 = new Pen( Color.Red, 2 );Point pt1 = new Point( 40,50)

31、;Point pt2 = new Point( 220,150);g.DrawLine( p1, 10, 20, 40, 50 );g.DrawLine( p1, pt1, pt2 ); 2) DrawLines方法 public void DrawLines( Pen pen, Point pts );,private void Form1_Paint(object sender,System.Windows.Forms.PaintEventArgs e) Pen pen = new Pen(Color.Black, 3);Point points = new Point( 10, 10),

32、new Point( 10, 100),new Point(200, 50),new Point(250, 120);e.Graphics.DrawLines(pen, points); ,效果,3. 画椭圆 1) public void DrawEllipse(Pen pen, int x, int y, int width, int height)其中x, y为椭圆外接矩形左上角的坐标，width定义椭圆 的外接矩形的宽度,height定义椭圆外接矩形的高度。 2) public void DrawEllipse(Pen pen, Rectangle rect)其中rect为Rectang

33、le结构，用于确定椭圆的外接矩形。,4. 绘制圆弧 public void DrawArc( Pen pen, int x, int y, int width, int height, int startAngle, int sweepAngle )其中x, y为椭圆外接矩形左上角的坐标，width定义椭圆。 startAngle圆弧起点， sweepAngle顺时针画过的角度 的外接矩形的宽度,height定义椭圆外接矩形的高度。例： Graphics g = this.CreateGraphics( ); Pen pen = new Pen(Color.Red, 2 ); g.Clear(

34、this.BackColor); g.DrawArc(pen,0,0,200,300,-60,180);,5. DrawPie（扇形） public void DrawPie( Pen pen, int x, int y, int width, int height, int startAngle, int sweepAngle ) 各参数意义： 例： Graphics g = this.CreateGraphics( ); Pen pen = new Pen(Color.Red, 2 ); g.Clear(this.BackColor); g.DrawPie(pen,60,60,160,16

35、0,160,200);,6. 画矩形 1) public void DrawRectangle(Pen pen, int x, int y, int width, int height) 参数含意： 2) public void DrawRectangle(Pen pen, Rectangle rect) 参数含意： 例： private void Form1_Paint(object sender, System.Windows.Forms.PaintEventArgs e) Graphics g = e.Graphics;Pen pen = new Pen( Color.Black, 3)

36、;Rectangle rect = new Rectangle( 30, 30, 200, 100);e.Graphics.DrawRectangle( pen, rect ); ,3)public void DrawRectangles( Pen pen, Rectangle rects ) 该方法用于绘制多个矩形。 例: private void Form1_Paint(object sender, System.Windows.Forms.PaintEventArgs e) Graphics g = e.Graphics;Pen pen = new Pen(Color.Black, 3)

37、;Rectangle rects =new Rectangle( 0, 0, 100, 200),new Rectangle(100, 200, 250, 50),new Rectangle(300, 0, 50, 100);e.Graphics.DrawRectangles( pen, rects ); ,7. Bezier 每段贝塞尔曲线都需要四个点，第一个点是起始点，第四个点 是终止点，第二个点和第三个点控制曲线的形状。使用 DrawBezier()方法绘制一段贝塞尔曲线，使用DrawBeziers()方 法绘制多段贝塞尔曲线。常用形式有： 1) public void DrawBezi

38、er( Pen pen, float x1, float y1, float x2,float y2, float x3, float y3, float x4, float y4 ) 2) public void DrawBezier( Pen pen, Point pt1, Point pt2, Point pt3, Point pt4 ) 3) public void DrawBeziers( Pen pen, Point points )其中points是Point结构的数组，第一段贝塞尔曲线从点数组 中的第一个点到第四个点绘制而成。以后每段曲线只需要三个 点：两个控制点和一个结束点。

39、前一段曲线的结束点会自动用 作后一段曲线的起始点。,例: private void Form1_Paint( object sender,System.Windows.Forms.PaintEventArgs e) Pen blackPen = new Pen(Color.Black, 3);Point bezierPoints = new Point(50, 100),new Point(100, 10),new Point(150,290),new Point(200, 100),new Point(250,10),new Point(300, 290),new Point(350,100

40、);e.Graphics.DrawBeziers( blackPen, bezierPoints ); ,8. DrawPolygon（多边形） public void DrawPolygon( Pen pen, Point points ); public void DrawPolygon( Pen pen, PointF points ); 其中：PointF表示在二维平面中定义点的、浮点 x 和 y 坐标的有序对 例:画一个四边形 private void button_Click(object sender, System.EventArgs e ) Graphics g = this

41、.CreateGraphics( );Pen pen = new Pen( Color.Red, 2 );g.Clear( this.BackColor );Point p1 = new Point new Point( 10, 120 ), new Point( 120, 100),new Point( 300,180 ), new Point( 60, 200) ;g.DrawPolygon( pen, p1 ); ,9. DrawClosedCurve方法 这个方法用平滑的曲线将各节点连接起来，但会自动把首尾节点连接起来构成封闭曲线。 public void DrawClosedCurv

42、e( Pen pen, Point pts ); public void DrawClosedCurve( Pen pen, PointF pts ); public void DrawClosedCurve( Pen, Point , float, FillMode ); public void DrawClosedCurve( Pen, PointF , float, FillMode );其中float型参数指定弯曲强度，该值范围为0.0f 1.0f，超出此范围会 产生异常，当弯曲强度为零时，就是直线，默认张力为0.5。 例： Pen blackPen = new Pen( Color.

43、Black ); Point p1 = new Point new Point( 10, 120 ), new Point( 120, 100),new Point( 300,180 ), new Point( 60, 200) ; g.DrawClosedCurve( blackPen, p1 );,10. DrawCurve方法（以四个点画出一条基本曲线） 绘制经过一组指定的Point结构数组定义的曲线，最后一个点与第一个点间不画线。 public void DrawCurve( Pen pen, Point pts ); public void DrawCurve( Pen pen, P

44、ointF pts ); public void DrawCurve( Pen, Point , float ); public void DrawCurve( Pen, PointF , float ); 其中float参数代表曲线弯曲的强度。 例： private void button_Click(object sender, System.EventArgs e ) Graphics g = this.CreateGraphics( );g.Clear( this.BackColor );Pen blackPen = new Pen( Color.Black, 3 );Point p1

45、 = new Point new Point( 10, 120 ), new Point( 120, 100),new Point( 300,180 ), new Point( 60, 200) ;g.DrawCurve( blackPen, p1 ); ,例：绘制直线与平滑曲线 private void Form1_Paint(object sender, System.Windows.Forms.PaintEventArgs e) Pen redPen = new Pen(Color.Red, 3);Pen greenPen = new Pen(Color.Green, 3);Point

46、curvePoints =new Point( 50, 250),new Point(100, 25),new Point(200, 250),new Point(250, 50),new Point(300, 75),new Point(350, 200),new Point(400, 150);e.Graphics.DrawLines(redPen, curvePoints);e.Graphics.DrawCurve(greenPen, curvePoints); ,11. DrawPath方法 路径通过组合直线、矩形和简单的曲线形成的，可通过Graphics类的DrawPath方法来绘制

47、整个路径的各个对象。 public void DrawPath( Pen pen, GraphicsPath path ); 例: private void button_Click(object sender,System.EventArgs e ) Graphics g = this.CreateGraphics( );GraphicsPath graphPath = new GraphicsPath();graphPath.AddEllipse( 0, 0, 200, 100 );graphPath.AddRectangle( new Rectangle( 100, 80, 200, 1

48、00 );graphPath.AddBezier( 30, 60, 70, 60, 50, 30, 100, 10 );Pen blackPen = new Pen( Color.Black, 3 );g.DrawPath( blackPen, graphPath ); ,12. FillEllipse 该方法用于画一个填充椭圆，常用格式有： public void FillEllipse( Brush brush, int x, int y, int width, int height ); public void FillEllipse( Brush brush, RectangleF r

49、ect ); 参数意义： 例: private void button_Click(object sender,System.EventArgs e ) Graphics g = this.CreateGraphics( );g.Clear( this.BackColor );Brush sp = new SolidBrush( Color.Red );g.FillEllipse( sp, 80, 90, 200, 100 ); ,13. FillRectangle 该方法用于画一个填充矩形，常用格式有： public void FillRectangle( Brush brush, int

50、x, int y, int width, int height ); 2) public void FillRectangle( Brush brush, Rectangle rect ); 参数意义： 例: private void button_Click(object sender,System.EventArgs e ) Graphics g = this.CreateGraphics( );g.Clear( this.BackColor );Brush sp = new SolidBrush( Color.Red );g.FillRectangle( sp, 80, 90, 200, 100 ); ,