深入c# GDI+简单绘图的具体操作步骤

最近对GDI+这个东西接触的比较多，也做了些简单的实例，比如绘图板，仿QQ截图等． 最早接触这个类，是因为想做仿QQ截图的效果．巧的很，学会了如何做截图后，.NET课堂上老师也正巧要讲关于c#绘图方面的知识，并且我自己又在网上学习金老师的培训班，也是要用到这个类．在学习中有一些体会，所以准备把这些体会记下来，因为内容比较多，可能我会分几次写．

废话不多说了，我们先来认识一下这个GDI+，看看它到底长什么样. GDI+：Graphics Device Interface Plus也就是图形设备接口,提供了各种丰富的图形图像处理功能;在C#.NET中，使用GDI+处理二维（2D）的图形和图像，使用DirectX处理三维（3D）的图形图像,图形图像处理用到的主要命名空间是System . Drawing：提供了对GDI+基本图形功能的访问，主要有Graphics类、Bitmap类、从Brush类继承的类、Font类、Icon类、Image类、Pen类、Color类等.

大概了解了什么是GDI+后,我们来看一下绘图要用到的主要工具,要画图,肯定要画板吧,在C#中画板可以通过Graphics这个类来创建,有了画板,总得弄个笔什么之类的吧,不然怎么画呀,难不成我们用手指画.笔又可以分好多种类,比如铅笔,画刷等.它们的区别主要是铅笔可以用来画线条,而画刷呢,嘿嘿,自己考虑下.在c#中我们可以用Pen,Brush类来实现类似功能.颜料则自然是用Color类了.

有了工具,我们就可以开始动手了!(所需命名空间：using System.Drawing;) 实现效果:在空白窗体中画基本图形 首先准备一个画板:

创建一个画板主要有3种方式:

A: 在窗体或控件的Paint事件中直接引用Graphics对象 B: 利用窗体或某个控件的CreateGraphics方法 C: 从继承自图像的任何对象创建Graphics对象 这次我们就先以A为例说明问题: 复制代码 代码如下:

private void Form1_Paint(object sender, PaintEventArgs e) {

Graphics g = e.Graphics; //创建画板,这里的画板是由Form提供的. }

然后,我们要只笔: 复制代码 代码如下:

private void Form1_Paint(object sender, PaintEventArgs e) {

Graphics g = e.Graphics; //创建画板,这里的画板是由Form提供的. Pen p = new Pen(Color.Blue, 2);//定义了一个蓝色,宽度为的画笔 }

接下来我们就可以来画画了. 复制代码 代码如下:

private void Form1_Paint(object sender, PaintEventArgs e) {

Graphics g = e.Graphics; //创建画板,这里的画板是由Form提供的. Pen p = new Pen(Color.Blue, 2);//定义了一个蓝色,宽度为的画笔

g.DrawLine(p, 10, 10, 100, 100);//在画板上画直线,起始坐标为(10,10),终点坐标为(100,100)

g.DrawRectangle(p, 10, 10, 100, 100);//在画板上画矩形,起始坐标为(10,10),宽为,高为

g.DrawEllipse(p, 10, 10, 100, 100);//在画板上画椭圆,起始坐标为(10,10),外接矩形的宽为,高为 }

1.首先我们来看下上一片中我们使用过的Pen.

Pen的属性主要有: Color(颜色),DashCap(短划线终点形状),DashStyle(虚线样式),EndCap(线尾形状), StartCap(线头形状),Width(粗细)等. 我们可以用Pen 来画虚线,带箭头的直线等 复制代码 代码如下:

Pen p = new Pen(Color.Blue, 5);//设置笔的粗细为,颜色为蓝色 Graphics g = this.CreateGraphics();

//画虚线

p.DashStyle = DashStyle.Dot;//定义虚线的样式为点 g.DrawLine(p, 10, 10, 200, 10); //自定义虚线

p.DashPattern = new float[] { 2, 1 };//设置短划线和空白部分的数组 g.DrawLine(p, 10, 20, 200, 20);

//画箭头,只对不封闭曲线有用

p.DashStyle = DashStyle.Solid;//恢复实线

p.EndCap = LineCap.ArrowAnchor;//定义线尾的样式为箭头 g.DrawLine(p, 10, 30, 200, 30); g.Dispose(); p.Dispose();

以上代码运行结果:

2.接下来我们来看下Brush的使用

作用:我们可以用画刷填充各种图形形状，如矩形、椭圆、扇形、多边形和封闭路径等,主要有几种不同类型的画刷:

?SolidBrush：画刷最简单的形式，用纯色进行绘制 ?HatchBrush：类似于 SolidBrush，但是可以利用该类从大量预设的图案中选择绘制时要使用的图案，而不是纯色

?TextureBrush：使用纹理（如图像）进行绘制

?LinearGradientBrush：使用沿渐变混合的两种颜色进行绘制

?PathGradientBrush ：基于编程者定义的唯一路径，使用复杂的混合色渐变进行绘制 我们这里只是简单介绍使用其中的几种: 复制代码 代码如下:

Graphics g = this.CreateGraphics();

Rectangle rect = new Rectangle(10, 10, 50, 50);//定义矩形,参数为起点横纵坐标以及其长和宽 //单色填充

SolidBrush b1 = new SolidBrush(Color.Blue);//定义单色画刷

g.FillRectangle(b1, rect);//填充这个矩形 //字符串

g.DrawString(\字符串\宋体\//用图片填充

TextureBrush b2 = new TextureBrush(Image.FromFile(@\rect.Location = new Point(10, 70);//更改这个矩形的起点坐标 rect.Width = 200;//更改这个矩形的宽来 rect.Height = 200;//更改这个矩形的高 g.FillRectangle(b2, rect);

//用渐变色填充

rect.Location = new Point(10, 290);

LinearGradientBrush b3 = new LinearGradientBrush(rect, Color.Yellow , Color.Black , LinearGradientMode.Horizontal); g.FillRectangle(b3, rect); 运行效果图:

3.坐标轴变换

在winform中的坐标轴和我们平时接触的平面直角坐标轴不同,winform中的坐标轴方向完全相反:窗体的左上角为原点(0,0),水平向左则X增大,垂直下向则Y增大

接下来,我们来实际操作下,通过旋转坐标轴的方向来画出不同角度的图案,或通过更改坐标原点的位置来平衡坐标轴的位置. 复制代码 代码如下:

Graphics g = this.CreateGraphics(); //单色填充

//SolidBrush b1 = new SolidBrush(Color.Blue);//定义单色画刷 Pen p = new Pen(Color.Blue,1); //转变坐标轴角度 for (int i = 0; i < 90; i++) {

g.RotateTransform(i);//每旋转一度就画一条线 g.DrawLine(p, 0, 0, 100, 0);

g.ResetTransform();//恢复坐标轴坐标 }

//平移坐标轴

g.TranslateTransform(100, 100); g.DrawLine(p, 0, 0, 100, 0); g.ResetTransform();

//先平移到指定坐标,然后进行度旋转 g.TranslateTransform(100,200); for (int i = 0; i < 8; i++) {

g.RotateTransform(45); g.DrawLine(p, 0, 0, 100, 0); }

接下来看看这是如何做到的.

思路:聊天窗体上有一个截图按钮,点击按钮后,程序将整个屏幕画在一个新的全屏窗体上,然后显示这个窗体.因为是全屏的窗体,并且隐藏了菜单栏、工具栏等,所以在我们看来就好像是一个桌面的截图,然后在这个新窗体上画矩形,最后保存矩形中的内容并显示在原来的聊天窗体中. 步骤:

A.新建一个窗体．命名为Catch.然后设置这个窗体的FormBorderStyle为None,WindowState为Maximized．

B.我们对代码进行编辑： 复制代码 代码如下: using System;

using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text;

using System.Windows.Forms; namespace Client {

public partial class Catch : Form {

public Catch() {

InitializeComponent(); }

用户变量#region 用户变量

private Point DownPoint = Point.Empty;//记录鼠标按下坐标，用来确定绘图起点 private bool CatchFinished = false;//用来表示是否截图完成 private bool CatchStart = false;//表示截图开始 private Bitmap originBmp;//用来保存原始图像 private Rectangle CatchRect;//用来保存截图的矩形 #endregion

//窗体初始化操作

private void Catch_Load(object sender, EventArgs e) {

this.SetStyle(ControlStyles.OptimizedDoubleBuffer | ControlStyles.AllPaintingInWmPaint | ControlStyles.UserPaint, true); this.UpdateStyles(www.sm136.com);

//以上两句是为了设置控件样式为双缓冲，这可以有效减少图片闪烁的问题，关于这个大家可以自己去搜索下

originBmp = new Bitmap(this.BackgroundImage);//BackgroundImage为全屏图片，我们另用变量来保存全屏图片 }

//鼠标右键点击结束截图

private void Catch_MouseClick(object sender, MouseEventArgs e) {

if (e.Button == MouseButtons.Right) {

this.DialogResult = DialogResult.OK; this.Close(); } }

//鼠标左键按下时动作

private void Catch_MouseDown(object sender, MouseEventArgs e) {

if (e.Button == MouseButtons.Left) {

if (!CatchStart) {//如果捕捉没有开始 CatchStart = true;

DownPoint = new Point(e.X, e.Y);//保存鼠标按下坐标 } } }

private void Catch_MouseMove(object sender, MouseEventArgs e) {

if (CatchStart) {//如果捕捉开始

Bitmap destBmp = (Bitmap)originBmp.Clone();//新建一个图片对象，并让它与原始图片相同

Point newPoint = new Point(DownPoint.X, DownPoint.Y);//获取鼠标的坐标 Graphics g = Graphics.FromImage(destBmp);//在刚才新建的图片上新建一个画板

Pen p = new Pen(Color.Blue,1);

int width = Math.Abs(e.X - DownPoint.X), height = Math.Abs(e.Y - DownPoint.Y);//获取矩形的长和宽

if (e.X < DownPoint.X) {

newPoint.X = e.X; }

if (e.Y < DownPoint.Y) {

newPoint.Y = e.Y; }

CatchRect = new Rectangle(newPoint,new Size(width,height));//保存矩形 g.DrawRectangle(p,CatchRect);//将矩形画在这个画板上 g.Dispose();//释放目前的这个画板 p.Dispose();