现在的位置: 首页 > 综合 > 正文

c# GDI+简单绘图

2014年01月18日 ⁄ 综合 ⁄ 共 6310字 ⁄ 字号 评论关闭

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类了.

有了工具,我们就可以开始动手了!

实现效果:在空白窗体中画基本图形

首先准备一个画板:
创建一个画板主要有3种方式:
A:
在窗体或控件的Paint事件中直接引用Graphics对象
B:
利用窗体或某个控件的CreateGraphics方法
C:
从继承自图像的任何对象创建Graphics对象
这次我们就先以A为例说明问题:

privatevoid
Form1_Paint(
object sender, PaintEventArgs e)
       
{
            Graphics g
= e.Graphics;//创建画板,这里的画板是由Form提供的.
        }

然后,我们要只笔:

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

接下来我们就可以来画画了.

privatevoid 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),外接矩形的宽为,高为
        }

        效果图如下:
 
 
 
 

在上一片里已经向大家介绍了如何使用GDI+绘制简单的图像,这一片继续向大家介绍其它一些绘图知识.

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=newfloat[]{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("字符串",new
Font(
"宋体",10), b1,new
PointF(
90,10));

//用图片填充
TextureBrush b2=new TextureBrush(Image.FromFile(@"e:\picture\1.jpg"));
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);
}


g.Dispose();

  运行效果图:

 

4.最后我们来看下Graphics这个画板上我们还可以画什么

其实我们上面用到的都是在画一些简单的图形,直线,矩形,扇形,圆孤等,我们还可以用它来绘制图片,这可以用它的DrawImage方法.这里我不详细讲解,大家有兴趣可以自己去MSDN了解下.我们后面会讲到的截图就会用到这个方法.

 

C# GDI+ 简单绘图 (三)

  感谢大家的支持,这几天从早忙到晚,一个字累呀!!!现在挺困的,但是又不习惯这么早睡觉,哎~~还是利用这个时间继续来写第三篇吧.
  前两篇已经基本向大家介绍了绘图的基本知识.那么,我就用我们上两篇所学的,做几个例子.
  我们先来做一个简单的----仿QQ截图,关于这个的例子其实网上已经有这方面的资料了,但是为了文章的完整性,还是觉得有必要讲解.
  我们先来看一下效果:

                             
                                                                                                                  (图1)
                                                      20083191642.JPG
                                                                                                                     (图2)

  接下来看看这是如何做到的. 
  思路:将整个屏幕画在一个新的全屏窗体上.然后在这个新窗体上画矩形,最后保存矩形中的内容.
  步骤:
  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
{
   
publicpartial
class Catch : Form
   
{
       
public Catch()
       
{
            InitializeComponent();
        }


       
用户变量#region
用户变量

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


       
//窗体初始化操作
       privatevoid
Catch_Load(
object sender, EventArgs e)
       
{
           
this.SetStyle(ControlStyles.OptimizedDoubleBuffer|
ControlStyles.AllPaintingInWmPaint
| ControlStyles.UserPaint,true);
           
this.UpdateStyles();
           
//以上两句是为了设置控件样式为双缓冲,这可以有效减少图片闪烁的问题,关于这个大家可以自己去搜索下
            originBmp=new
Bitmap(
this.BackgroundImage);//BackgroundImage为全屏图片,我们另用变量来保存全屏图片
        }


       
//鼠标左键点击结束截图
       privatevoid
Catch_MouseClick(
object sender, MouseEventArgs e)
       
{
           
if (e.Button== MouseButtons.Right)
           
{
               
this.DialogResult=
DialogResult.OK;
               
this.Close();
            }

        }


       
//鼠标左键按下时动作
       privatevoid
Catch_MouseDown(
object sender, MouseEventArgs e)
       
{
           
if (e.Button== MouseButtons.Left)
           
{
               
if (!CatchStart)
               
{//如果捕捉没有开始
                    CatchStart=true;
                    DownPoint
=new
Point(e.X, e.Y);
//保存鼠标按下坐标
                }

            }

        }


       
privatevoid Catch_MouseMove(object
sender, MouseEventArgs e)
       
{
           
if (CatchStart)
           
{//如果捕捉开始
                Bitmap destBmp= (Bitmap)originBmp.Clone();//新建一个图片对象,并让它与原始图片相同
                Point newPoint=

抱歉!评论已关闭.