首頁  >  文章  >  後端開發  >  C# GDI+ 實現橡皮筋技術

C# GDI+ 實現橡皮筋技術

高洛峰
高洛峰原創
2016-11-19 11:17:351603瀏覽

應該有很多人都在尋找這方面的資料,看看下面我做的,或許對你會有所幫助,但願如此。

為了實現橡皮筋技術,我使用了兩種方法:
    第一種是利用ControlPaint.DrawReversibleLine(Point start,Point end, Color BackColor)方法,原則:在螢幕上指定的起始點和結束點內繪製具有指定背景色的可逆線,再次繪製同一條線會逆轉此方法的結果。使用此方法繪製線條類似於反轉螢幕的一個區域,不過它提供了更好的性能適用於更廣泛的顏色。
    要注意的是這的start起始點和end終止點是相對於螢幕的,因此我用PointTOScreen(Point p)方法進行轉換。
    遺憾的是,在滑鼠拖曳的時候,畫出來的變換(即一段線段,在我的研究領域內,我稱帶線冒的線段為變換)不帶線冒。為了畫出變換,只有採用在左鍵按下時重畫來實現(如果你不需要線冒,把MouseDown()方法中的Invalidate()註解掉就行了)。因為採用DrawReversibleLine()方法時用的是背景色backColor=(a,r,g,b),它能自動對顏色進行反轉,而採用在左鍵按下時重畫就需要用背景色的反轉色reversebackColor=(a',r',g',b'),那麼要怎麼取得背景色的反轉色呢?我採用的是用255減原來的背景色的r,g,b,而透明度不變,即a'=a;r'=255-r;g'=255-g;b'=255-b;然後用這種顏色定義的畫筆來重畫。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
using System.Drawing.Drawing2D;//包含这个高级二维图形命名空间

namespace ReverseLines
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();

            //激活双缓冲技术
            SetStyle(ControlStyles.UserPaint, true);
            SetStyle(ControlStyles.AllPaintingInWmPaint, true);
            SetStyle(ControlStyles.DoubleBuffer, true);
        }

        private Point[][] tranGroup = new Point[1000][];//变换组
        private int tranNumb = 0;//变换序号
        private int pushNumb = 0;//左键按下情况:0为开始画变换,1为结束
        private Point curP;//存储变换时鼠标的当前点
        private Point startP, oldP;//变换的起点和鼠标移动时的当前点
        private Graphics g0,g3;//窗口绘图面和采用双缓冲时的临时绘图面
        private Point endPoint;//存储右键按下时放弃绘制相连变换的鼠标点
        private Color clr,clr1;//获取窗体背景色和反转背景色
        private Pen p;//重画变换时所用的笔
        private Bitmap bitmap = null;//双缓冲时用的位图

        private void Form1_Paint(object sender, PaintEventArgs e)
        {
            g0 = e.Graphics;

            bitmap = new Bitmap(ClientSize.Width, ClientSize.Height);//创建临时位图
            g3 = Graphics.FromImage(bitmap);//从位图创建绘图面
            g3.Clear(this.BackColor);//清除背景色
            g3.SmoothingMode = SmoothingMode.AntiAlias;//设置抗锯齿平滑模式

            //在临时位图上重画变换,抗锯齿,带线冒
            for (int i = 0; i < tranNumb; i++)
            {
                g3.DrawLine(p, tranGroup[i][0], tranGroup[i][1]);
            }

            //把临时位图拷贝到窗体绘图面
            g0.DrawImage(bitmap, 0, 0);
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            clr = this.BackColor;//获取窗体背景色           
            clr1 = Color.FromArgb(clr.A, 255 - clr.R, 255 - clr.G, 255 - clr.B);//反转背景色
            p = new Pen(clr1, 1);//定义鼠标左键按下并移动时绘制变换所用的笔

            //自定义线冒
            AdjustableArrowCap cap = new AdjustableArrowCap(3, 3);
            cap.WidthScale = 3;
            cap.BaseCap = LineCap.Square;
            cap.Height = 3;
            p.CustomEndCap = cap;

            //循环绘制变换组中的变换
            for (int i = 0; i < 1000; i++)
            {
                tranGroup[i] = new Point[2];
            }
        }

        private void Form1_MouseDown(object sender, MouseEventArgs e)
        {
            Graphics g2 = CreateGraphics();

            //判断变换数
            if (tranNumb >= 999)
            {
                pushNumb = 0;
                Capture = false;
                return;
            }

            //左键按下
            if (e.Button == MouseButtons.Left)
            {
                if (pushNumb == 0)//判断是否是折线的开始
                {
                    if (endPoint.X != e.X || endPoint.Y != e.Y)
                    {
                        pushNumb++;

                        startP.X = e.X;
                        startP.Y = e.Y;
                        oldP.X = e.X;
                        oldP.Y = e.Y;

                        Capture = true;//捕获鼠标
                    }

                }
                else if (pushNumb == 1)//如果不是一段新的折线的开始
                {
                    ControlPaint.DrawReversibleLine(PointToScreen(startP), PointToScreen(new Point(e.X, e.Y)), clr);
                    ControlPaint.DrawReversibleLine(PointToScreen(startP), PointToScreen(new Point(e.X, e.Y)), clr);
                                       

                    //把变换存入变换组中
                    curP.X = e.X;
                    curP.Y = e.Y;
                    tranGroup[tranNumb][0] = startP;
                    tranGroup[tranNumb][1] = curP;
                    tranNumb++;
                    startP.X = e.X;
                    startP.Y = e.Y;

                    //存储一段折线的最后一个点的坐标
                    endPoint.X = e.X;
                    endPoint.Y = e.Y;
                }              
            }

            //右键按下
            if (e.Button == MouseButtons.Right)
            {
                //变换数超过变换组最大限度
                if (pushNumb == 0)
                    return;

                //变换数没有超过变换组最大限度
                pushNumb = 0;//一段折线结束
                Capture = false;//释放鼠标

                //绘制最后一个变换
                ControlPaint.DrawReversibleLine(PointToScreen(startP), PointToScreen(new Point(e.X, e.Y)), clr);
            }

            //失效重画,为抗锯齿
            Invalidate();
            g2.Dispose();
        }

        private void Form1_MouseMove(object sender, MouseEventArgs e)
        {
            Graphics g1 = CreateGraphics();

            //左键按下并移动鼠标
            if (pushNumb == 1)
            {
                if (oldP.X != e.X || oldP.Y != e.Y)
                {
                    //在屏幕上指定的起始点和结束点内绘制具有指定背景色的可逆线
                    //再次绘制同一条线会逆转该方法的结果。使用该方法绘制线类似于反转屏幕的一个区域,
                    //不过它提供了更好的性能适用于更广泛的颜色。

                    ControlPaint.DrawReversibleLine(PointToScreen(startP), PointToScreen(oldP), clr);
                    ControlPaint.DrawReversibleLine(PointToScreen(startP), PointToScreen(new Point(e.X, e.Y)), clr);
                   
                    //存储一个变换的终点,作为下一变换的起点
                    oldP.X = e.X;
                    oldP.Y = e.Y;
                }

            }
            g1.Dispose();
        }

        //释放资源
        private void Form1_FormClosed(object sender, FormClosedEventArgs e)
        {
            g3.Dispose();
            bitmap.Dispose();
            g0.Dispose();
        }
    }
}

第二種是直接利用背景色來繪製滑鼠拖曳時需要被擦除的變換,而用當前畫筆來繪製一個確定的變換。採用這種方式可以使滑鼠被拖曳時畫出來的變換帶線冒。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
using System.Drawing.Drawing2D;

namespace Shiqu2
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();

            //激活双缓冲技术
            SetStyle(ControlStyles.UserPaint, true);
            SetStyle(ControlStyles.AllPaintingInWmPaint, true);
            SetStyle(ControlStyles.DoubleBuffer, true);
        }

        private Point[][] tranGroup = new Point[1000][];//变换组
        private int tranNumb = 0;//变换序号
        private int pushNumb = 0;//左键按下情况:0为开始画变换,1为结束
        private Point curP;//存储变换时鼠标的当前点
        private Point startP, oldP;//变换的起点和鼠标移动时的当前点
        private Graphics g0, g3;//窗口绘图面和采用双缓冲时的临时绘图面
        public Pen curPen;//一个变换确定并要绘制时所用的画笔
        private Point endPoint;//存储右键按下时放弃绘制相连变换的鼠标点
        private Color clr;//获取窗体背景色
        private Pen p;//重画变换时所用的笔
        private Bitmap bitmap = null;//双缓冲时用的位图

        private void Form1_Paint(object sender, PaintEventArgs e)
        {
            g0 = e.Graphics;
            bitmap = new Bitmap(ClientSize.Width, ClientSize.Height);//创建临时位图
            g3 = Graphics.FromImage(bitmap);//从位图创建绘图面
            g3.Clear(this.BackColor);//清除背景色
            g3.SmoothingMode = SmoothingMode.AntiAlias;//设置抗锯齿平滑模式

            //在临时位图上重画已有的变换,抗锯齿,带线冒
            for (int i = 0; i < tranNumb; i++)
            {
                g3.DrawLine(curPen, tranGroup[i][0], tranGroup[i][1]);
            }

            //把临时位图拷贝到窗体绘图面
            g0.DrawImage(bitmap, 0, 0);
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            curPen = new Pen(Color.Black, 1);//定义一个变换确定并要绘制时所用的画笔
            clr = this.BackColor;//获取窗体背景色
            p = new Pen(clr, 1);//定义鼠标移动是重画所以的画笔

            //自定义线冒
            AdjustableArrowCap cap = new AdjustableArrowCap(3, 3);
            cap.WidthScale = 3;
            cap.BaseCap = LineCap.Square;
            cap.Height = 3;
            curPen.CustomEndCap = cap;
            p.CustomEndCap = cap;

            //初始化绘制变换组中的变换
            for (int i = 0; i < 1000; i++)
            {
                tranGroup[i] = new Point [2];
            }
         }

        private void Form1_MouseDown(object sender, MouseEventArgs e)
        {
            Graphics g2=CreateGraphics ();

            //判断变换数
            if (tranNumb >= 999)
            {
                pushNumb = 0;
                Capture = false;
                return;
            }

            //左键按下
            if (e.Button == MouseButtons.Left)
            {
                if (pushNumb == 0)//判断是否是折线的开始
                {
                    if (endPoint.X != e.X || endPoint.Y != e.Y)
                    {
                        pushNumb++;
                        startP.X = e.X;
                        startP.Y = e.Y;
                        oldP.X = e.X;
                        oldP.Y = e.Y;

                        Capture = true;//捕获鼠标
                    }
                   
                }
                else if (pushNumb == 1)//如果不是一段新的折线的开始
                {
                    g2.DrawLine(curPen, startP, new Point(e.X, e.Y));

                    //把变换存入变换组中
                    curP.X = e.X;
                    curP.Y = e.Y;
                    tranGroup[tranNumb][0] = startP;
                    tranGroup[tranNumb][1] = curP;
                    tranNumb++;
                    startP.X = e.X;
                    startP.Y = e.Y;

                    //存储一段折线的最后一个点的坐标
                    endPoint.X = e.X;
                    endPoint.Y = e.Y;
                }
            }

            //右键按下
            if (e.Button == MouseButtons.Right)
            {
                //变换数超过变换组最大限度
                if (pushNumb == 0) return;

                //变换数没有超过变换组最大限度
                pushNumb = 0;//一段折线结束
                Capture = false;//释放鼠标
            }

            //失效重画,为抗锯齿
            Invalidate();
            g2.Dispose();
        }

        private void Form1_MouseMove(object sender, MouseEventArgs e)
        {
            Graphics g1 = CreateGraphics();

            //左键按下并移动鼠标
            if (pushNumb ==1)
            {
                if (oldP .X !=e.X||oldP .Y !=e.Y)
                {
                    g1.DrawLine(p, startP, oldP);//用背景色绘制原来的变换
                    g1.DrawLine(curPen, startP, new Point(e.X, e.Y));//用当前画笔绘制当前变换

                    //用当前绘制已有的变换,防止它们被擦除
                    for (int i = 0; i < tranNumb; i++)
                    {
                        g1.DrawLine(curPen, tranGroup[i][0], tranGroup[i][1]);
                    }

                    //存储一个变换的终点,作为下一变换的起点
                    oldP.X = e.X;
                    oldP.Y = e.Y;
                }
               
            }
        }

        private void Form1_FormClosed(object sender, FormClosedEventArgs e)
        {
            //释放资源
            g3.Dispose();
            bitmap.Dispose();
            g0.Dispose();          
        }
    }
}

  上述兩種方法都採用了雙緩衝技術:先創建一個大小和客戶區一樣的點陣圖bitmap,再用位圖創建一個臨時的繪圖面g3,然後在g3上繪製變換,畫完之後再用窗體繪圖面g把點陣圖畫出來。
  抗鋸齒技術:只需一句話g3.SmoothingMode = SmoothingMode.AntiAlias,但要注意的是在左鍵按下和滑鼠拖曳的情況下不能使用抗鋸齒技術。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn