自己动手用c#写控件

作者: willsound www.ASPCool.com 时间:2002-7-11 17:23:41 阅读次数:4797

willsound(willsound@163.com)

我平时比较喜欢使用delphi,小生不才,我随然喜欢delphi,平时开发(至少现在)多用delphi,但是不怕各位高手笑话,我没有用delphi写过控件,虽然原理上知道,但总感觉不知无从下手:L

但是自从接触了c#,她哪优美的身姿(代码风格),风骚而不放纵的性格(对面向对象的体现比较好,要比delphi强),深深打动了我。经过一段时间的操练,我发现在开发控件及组件上(别的方面,小生我不敢妄断),其简便性真令我耳目一新。怎么样,试一把吧.J

对了,我的开发平台是windows 2000 server+.vs.net 正式版

我所实现的这个控件,是从窗体控件Button继乘的,能够实现渐变背景,实现图案及纹理填充文字.

好了,我们开在开始吧

1 首先打个vs.net

2在“文件”菜单中,指向“新建”,然后选择“项目”以打开“新建项目”对话框。从“C# 项目”列表中选择“Windows 控件库”项目模板,然后在“名称”框中键入LinearGradientButtonLib,然后点确定。

3 在解决方案资源管理器中,右击 UserControl1.cs,并从快捷菜单中选择“查看代码”。

4 找到 class 语句 public class UserControl1,将 UserControl1 更改为 LinearGradientButton以更改组件的名称。找到构造函数 public UserControl1(),将它更改为 public LinearGradientButton()

5 在 Class 语句,将该控件从 System.Windows.Forms.UserControl 继承的类型更改为 System.Windows.Forms.Button。这允许继承的控件继承 Button 控件的所有功能。

6 在解决方案资源管理器中,单击 UserControl1.cs,并在“属性”窗口中,将 FileName 属性更改为LinearGradientButton.cs.

好了,到现在工作就告一段落了,下面的工作,是向咱们的控件添加属性了。喝口水,继续!

先加上名字空间using System.Drawing.Drawing2D;

1找到 class 语句。在紧靠 { 的后面键入下面的代码:

private Color froColor; //渐变前景色
private Color backColor;//渐变背景色
private bool isUseFloat;//是否使用角度转变
private float angle; //放置角度
private LinearGradientMode mode;//设定渐变的角度
private HatchStyle hatchStyle; //设定文本的填充图案
private bool isUseStyle;//设定是否用图案填充图案

上面这些是我们控件需要的私有域,下面开始为每个私有域做它们对应的属性.在以上代码的下面,写入以下代码:

[Description("设定按钮渐变的前景色"), Category("Appearance")]
public Color FrontColor
{
    get
    {
        return froColor;
    }
    set
    {
        froColor = value;
    }
}

[Description("设定按钮渐变的背景色"), Category("Appearance")]
public Color BackGroundColor
{
    get
    {
        return backColor;
    }
    set
    {
        backColor = value;
    }
}

[DefaultValue(false), Description("设定是否人工设定角度")]
public bool UseFloat
{
    get
    {
        return isUseFloat;
    }
    set
    {
        isUseFloat = value;
    }
}

[DefaultValue(false), Description("设定是否使用图案填充文本")]
public bool UseStyle
{
    get
    {
        return isUseStyle;
    }
    set
    {
        isUseStyle = value;
    }
}

[DefaultValue(0), Description("定义渐变方向的角度,以度为单位从 X 轴顺时针测量。 "), Category("Appearance")]
public float Angle
{
    get
    {
        return angle;
    }
    set
    {
        angle = value;
    }
}

[DefaultValue(0), Description("当UseFloat设为false时,设定渐变方向。 "), Category("Appearance")]
public LinearGradientMode Mode
{
    get
    {
        return mode;
    }
    set
    {
        mode = value;
    }
}

[DefaultValue(false), Description("设定文本要填充的图案"), Category("Appearance")]
public HatchStyle FillStyle
{
    get
    {
        return hatchStyle;
    }
    set
    {
        hatchStyle = value;
    }
}

好了,我们将控件的属性设计好了,下面就要我们写事件了.

因为我们这个控件是实现背景渐变及文字填充,所以override Paint事件以完成自画。

为了完成override,现在以下的准备工作(写几个在Paint事件用的着的事件).

// 使用角度的方法渐近重画Button
private void DrawButtonWithAngle(Graphics dbg)
{
    LinearGradientBrush brush = new LinearGradientBrush(new Rectangle(0, 0, this.Width, this.Height), froColor, backColor, angle);
    dbg.FillRectangle(brush, 0, 0, this.Width, this.Height);
    brush.Dispose();
}

// 使用模式的方法渐近重画Button
private void DrawButtonWithMode(Graphics dbg, LinearGradientMode Mode)
{
    LinearGradientBrush brush = new LinearGradientBrush(new Rectangle(0, 0, this.Width, this.Height), froColor, backColor, Mode);
    dbg.FillRectangle(brush, 0, 0, this.Width, this.Height);
    brush.Dispose();
}

// 重画Button的文本(Text),不使用图案填充
private void DrawButtonText(Graphics dbg)
{
    StringFormat format = new StringFormat();
    format.LineAlignment = StringAlignment.Center;
    format.Alignment = StringAlignment.Center;
    dbg.DrawString(this.Text, this.Font, new SolidBrush(this.ForeColor), new Rectangle(0, 0, this.Width, this.Height), format);
}

//override DrawButtonText函数,使之可以用图案填充文本
private void DrawButtonText(Graphics dbg, HatchStyle hs)
{
    StringFormat format = new StringFormat();
    format.LineAlignment = StringAlignment.Center;
    format.Alignment = StringAlignment.Center;
    dbg.DrawString(this.Text, this.Font, new HatchBrush(hs, this.ForeColor, Color.Aquamarine), new Rectangle(0, 0, this.Width, this.Height), format);
}

好了,现在开始重写Paint事件了.

protected override void OnPaint(PaintEventArgs pe)
{
    Graphics g = pe.Graphics;

    base.OnPaint(pe); //调用父控件的方法 
    if (isUseFloat == true) //假如使用角度控制渐变的角度 
        DrawButtonWithAngle(g);
    if (isUseFloat == false)
        DrawButtonWithMode(g, mode);
    if (isUseStyle == true)//假如使用图案填充文字 
        DrawButtonText(g, hatchStyle);
    else
        DrawButtonText(g);
}

好了,现在大功告成了,进行保存,生成。

创建测试项目

  1. 在“文件”菜单上,指向“添加项目”,然后单击“新建项目”以打开“添加新项目”对话框。
  2. 选择“Visual C# 项目”节点,然后单击“Windows 应用程序”。
  3. 在“名称”框中键入 Test。
  4. 在解决方案资源管理器中,右击测试项目的“引用”节点,然后从快捷菜单中选择“添加引用”以显示“添加引用”对话框。
  5. 单击标记为“项目”的选项卡。
  6. 双击 LinearGradientButtonLib 项目,并注意该项目此时出现在“选定的组件”窗格中。

添加引用后,应将新控件添加到工具箱。如果您的控件已经出现在工具箱中,则应该跳过下一节。

将控件添加到工具箱

  1. 右击工具箱,然后从快捷菜单中选择“自定义工具箱”。

    “自定义工具箱”对话框打开。

  2. 选择“.NET 框架组件”选项卡并单击“浏览”。浏览到 LinearGradientButtonLib\bin\debug 文件夹并选择 LinearGradientButtonLib.dll。

    LinearGradientButton 出现在“自定义工具箱”对话框的组件列表中。

  3. 在“自定义工具箱”对话框中,单击 LinearGradientButton 旁的框并关闭窗口。

    LinearGradientButton 被添加到选定的工具箱的选项卡上。

将控件添加到窗体

  1. 在解决方案资源管理器中,右击“Form1.cs”,然后从快捷菜单中选择“视图设计器”。

  2. 在工具箱中,向下滚动直到到达标记为 LinearGradientButton 的图标。双击该图标。

    窗体上显示一个“LinearGradientButton”。

  3. 右击“LinearGradientButton”并从快捷菜单中选择“属性”。

  4. 在“属性”窗口中检查该控件的属性。注意,它们与标准按钮公开的属性相同,不同的是多了我们自己加入的一些属性

  5. 设定本控件的前景色及背景色,然后可以选择是否填充文字,是使用角度还是使用系统设定值进行渐变角度的变化。

  6. 从“调试”菜单中选择“启动”。 出现 Form1。

谁如果需要源码的话,请给我发信.

Contributors: FHL