实现简单的手写板(demo源码)

        在一些软件系统中,需要用到手写涂鸦的功能,然后可以将涂鸦的结果保存为图片,并可以将“真迹”通过网络发送给对方。这种手写涂鸦功能是如何实现的了?最直接的,我们可以使用Windows提供的GDI技术或GDI+技术来实现绘图功能。但是,要实现一个如此简单的涂鸦板,也不是那么容易的事情。幸运的是,我们可以直接使用 OMCS提供的内置集成了这种功能的一个WinForm控件 HandwritingPanel

        HandwritingPanel控件的主要接口如下图所示: 

        /// 
        /// 设置画笔颜色。
         /// 
        Color PenColor {set;}

        /// 
        /// 设置画笔粗细。
         /// 
        float PenWidth {set;}

        /// 
        /// 清空画板。
         /// 
        void Clear();

        /// 
        /// 获取涂鸦的结果(位图)。
         ///        
        Bitmap GetHandWriting();

      将HandwritingPanel控件从工具箱拖到你的UI上,可以通过PenColor和PenWidth属性设置画笔的颜色和粗细。运行起来后,就可以在控件的表面进行涂鸦和手写了。     

      如果需要清空手写板,则调用Clear方法。

      当手写结束的时候,则调用GetHandWriting方法得到手写的结果,并保存为位图。位图的大小即是HandwritingPanel控件的尺寸。

      OK,下面我们就写了一个使用HandwritingPanel来实现手写涂鸦板的demo,demo的主要代码如下所示:     

public partial class HandwritingForm : Form  
{  
    private Color currentColor = Color.Red;  
    private List penWidthList = new List();  
    private Bitmap currentImage;  
    public Bitmap CurrentImage  
    {  
        get { return currentImage; }              
    }  
      
    public HandwritingForm()  
    {  
        InitializeComponent();  
        
        this.handwritingPanel1.PenColor = this.currentColor; //设置画笔颜色  
          
          this.penWidthList.Add(2);  
        this.penWidthList.Add(4);  
        this.penWidthList.Add(6);  
        this.penWidthList.Add(8);  
        this.penWidthList.Add(10);  
        this.comboBox_brushWidth.DataSource = this.penWidthList;  
        this.comboBox_brushWidth.SelectedIndex = 1;  
    }  
  
    private void button_color_Click(object sender, EventArgs e)  
    {  
        try  
        {  
            this.colorDialog1.Color = this.currentColor;  
            DialogResult result = this.colorDialog1.ShowDialog();  
            if (result == DialogResult.OK)  
            {  
                this.currentColor = this.colorDialog1.Color;  
                this.handwritingPanel1.PenColor = this.currentColor;   //设置画笔颜色                   
            }  
        }  
        catch (Exception ee)  
        {                
            MessageBox.Show(ee.Message);  
        }  
    }  
  
    //设置画笔宽度  
    private void comboBox_brushWidth_SelectedIndexChanged(object sender, EventArgs e)  
    {  
        if (this.comboBox_brushWidth.SelectedIndex > 0)  
        {  
            this.handwritingPanel1.PenWidth = this.penWidthList[this.comboBox_brushWidth.SelectedIndex];  
        }  
        else  
        {  
            this.handwritingPanel1.PenWidth = this.penWidthList[0];  
        }  
    }  
  
    private void Button_clear_Click(object sender, EventArgs e)  
    {  
        this.handwritingPanel1.Clear(); //清空手写板  
    }  
  
    private void button_Ok_Click(object sender, EventArgs e)  
    {  
        this.currentImage = this.handwritingPanel1.GetHandWriting(); //获取手写图片  
          this.DialogResult = System.Windows.Forms.DialogResult.OK;  
    }  
  
    private void Button_cancel_Click(object sender, EventArgs e)  
    {             
        this.DialogResult = System.Windows.Forms.DialogResult.Cancel;  
    }          
}  

      其运行效果如下图所示:      

      实现简单的手写板(demo源码)_第1张图片

      下载demo源码

你可能感兴趣的:(傲瑞产品)