A very simple introduction to writing your first .NET control

Download source files - 1 Kb

Introduction

This is an extremely simple introduction to creating a control, adding methods and properties, and adding event handlers.

There are two types of components, Visible components (such as a edit box, list control) and non-visible (such as timers, communication, and data access).

This article will concentrate on the creation of a visible component, however the concepts do apply to non visible controls as well.

Visible Components

A visible component is any class derived from either System.WinForms.Control orSystem.WinForms.RichControl.

Here is the minimum code to produce the most basic visible control that functions correctly (but doesn't actually doanything).

//specify the namespace in which the control resides
namespace Test.Control
{
//specify the name spaces of other classes that are commonly referenced
using System.WinForms; //the control definition and implementation
public class MyControl : System.WinForms.RichControl
{
}
}

Now, if you ask me, this is a lot more straight forward than any OCX control I have ever written (ATL or not).

The control above, since it is derived from RichControl, contains quite a bit of stock functionality including: stock properties, stock events, layout management, the ability to act as a full control container (for child controls), and more. In other words, just start writing in your business logic, all of the grunt work is taken care of.

Since the control has no paint routine - yet - it will only erase its background to its parents background color, so it is not too useful at this point. Adding a simple paint routine is also quite simple.

using System.Drawing;

protected override void OnPaint(PaintEventArgs pe)
{
SolidBrush b = new SolidBrush(this.BackColor);
pe.Graphics.FillRectangle(b,this.ClientRectangle);
}

The code above will paint the control using its BackColor property. So if you add this control to a form now and modify its BackColor propery via the property sheet the control's color will now change as well.

Notice that using System.Drawing; has been added. This allows classes such as SolidBrush to be used without specifying the entire namespace (System.Drawing.SolidBrush).

Adding a property

Adding a read/write or read only property to a control is also quite straight forward. In this example I am going to add a set of gradient color properties to the control. Below I am only going to show one of the properties, since the other is a mirror copy of the first, except for the variable name.

private System.Drawing.Color gradColor1;

public System.Drawing.Color Gradient1
{
set
{
this.gradColor1 = value;
}
get
{
return this.gradColor1;
}
}

So, first I must add a data member to hold the properties value. Since the property is a color it will be of typeSystem.Drawing.Color. Since using System.Drawing; has been added the variable can also be declared as just Color.

Next the declaration for the Gradient1 property is made. The start of the declaration looks similar to a function declaration (access modifier, return type, and name). Although the property itself is not a function it can contain two special functions nested within it: set and get. To make a read/write property both set and get must be implemented. For a read-only property just implement get. Even though the set function does not have a parameter list, it does get passed a special parameter called value. The type of the Value parameter will always be the same type as the property itself.

Since properties are set and retrieved indirectly (which is quite different from reading and writing to data members), other code can be added to the set and get functions. For instance if a property is a calculated value, the calculation can be performed within the get itself. During a set it is possible to set flags or cause the control to refresh itself, etc.

To make a control easy to use during design time, many controls group their properties and have help strings that display when the property is selected in the property browser. This can also be easily accomplished through the use of attributes. Attributes are special objects that are added above the declaration of a class, function, enum or property, and are delimited by ‘[‘ and ‘]’.

[
Category("Gradient"),
Description("First Gradient Color")
]
public System.Drawing.Color Gradient1
{
set
{
this.gradColor1 = value;
}
get
{
return this.gradColor1;
}
}

The attributes above cause this property to show up in a Gradient property group and will display "First Gradient Color" as a help string at the bottom of the property browser when selected.

Adding a method

Adding a method is the same as adding any other function. In fact a function and method are essentially the same in the .Net world. If you do not want the function exposed to the outside just make sure its access modifier is set to protected or private. This is not to say that all your public functions can be used by anyone, you have quite a bit of control over the use of your functions … but that is another topic.

public void StartRotation(bool state)
{
...
}

In this example the function StartRotation will be added, which will rotate the angle of the gradient based on a timer.

private System.Timers.Timer rotateTimer = null;

public void StartRotation(bool state)
{
rotateTimer = new System.Timers.Timer();
rotateTimer.Tick += new EventHandler(OnTimedEvent);
rotateTimer.Interval= ;
rotateTimer.Enabled = true;
} public void OnTimedEvent(object source, EventArgs e)
{
gradAngle += ;
if(gradAngle > = )
{
gradAngle = ;
}
this.Refresh();
}

Since the timer class fires an event, you will notice the code required to use an event is quite basic, however I will explain how events work later on.

When the event fires it will call the specified function, this is where the angle is updated and a Refresh is requested.

Using and Adding Events

In the previous section code was added that used a timer event.

rotateTimer.Tick += new EventHandler(OnTimedEvent);

The Timer class has an event member called Tick that handles a list of event listeners. Since an event can have more than one listener the += is used to assign the event.

So to tell the timer to call the event handler OnTimedEvent just create a new event handler, pass in the function name into the constructor and assign that to the Timers event list. Any number of event handlers can be added to a single event. Note, the order in which the handlers are called is not defined.

To create your own event here is what to do.

First declare the interface of the event (its required parameters and return type), then make an instance of this type. Note the use of delegate.

public delegate void angleChange();
public event angleChange OnAngleChange;

The code above adds an event list OnAngleChange that can be used to add an event in the following manner

MyControl ctrl = new MyControl();
ctrl.OnAngleChange += new MyControl.angleChange(OnMyEvent); public void OnMyEvent()
{
MessageBox.Show("Event Fired");
}

To actually fire an event you need to first check that your event is non-null, and then fire the event using the following:

if (OnAngleChange != null)
{
OnAngleChange();
}

Simple! So now you have your first control that has methods, properties and events.

The complete source code is below:

//specify the namespace in which the control resides
namespace Test.Control
{
//specify the name spaces of other classes that are commonly referenced
using System;
using System.Collections;
using System.Core;
using System.ComponentModel;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Data;
using System.WinForms;
using System.Timers; //the control definition and implementation
public class MyControl : System.WinForms.RichControl
{
private System.Drawing.Color gradColor1;
private System.Drawing.Color gradColor2;
private int gradAngle = ; private System.Timers.Timer rotateTimer = null; public delegate void angleChange();
public event angleChange OnAngleChange; private void InitializeComponent ()
{
} public MyControl()
{
InitializeComponent(); } protected override void OnPaint(PaintEventArgs pe)
{
LinearGradientBrush b = new LinearGradientBrush(this.ClientRectangle,
gradColor1, gradColor2,gradAngle,false); pe.Graphics.FillRectangle(b,this.ClientRectangle);
} public void StartRotation(bool state)
{ rotateTimer = new System.Timers.Timer();
rotateTimer.Tick += new EventHandler(OnTimedEvent);
// Set the Interval to 5 seconds.
rotateTimer.Interval=;
rotateTimer.Enabled=true; } public void OnTimedEvent(object source, EventArgs e)
{
gradAngle += ;
if(gradAngle >= )
{
gradAngle = ;
}
this.Refresh(); if(OnAngleChange != null)
{
OnAngleChange();
}
} [
Category("Gradient"),
Description("First Gradient Color")
]
public System.Drawing.Color Gradient1
{
set
{
this.gradColor1 = value;
}
get
{
return this.gradColor1;
}
} [
Category("Gradient"),
Description("Second Gradient Color")
]
public System.Drawing.Color Gradient2
{
set
{
this.gradColor2 = value;
}
get
{
return this.gradColor2;
}
}
}
}

原文连接:着重推荐,仔细学习。

http://www.codeproject.com/Articles/837/Your-first-C-control

http://www.akadia.com/services/dotnet_user_controls.html#Login%20Validation%20User%20Control

[转]Custom Controls in Visual C# .NET-如何实现自定义控件的更多相关文章

  1. SharePoint Development - Custom List using Visual Studio 2010 based SharePoint 2010

    博客地址 http://blog.csdn.net/foxdave 之前两次我们定义了内容类型和字段,我们现在用它们为这一讲服务--创建一个自定义列表. 打开Visual Studio,打开之前的工程 ...

  2. SharePoint Development - Custom Field using Visual Studio 2010 based SharePoint 2010

    博客地址 http://blog.csdn.net/foxdave 自定义列表的时候有时候需要自定义一些字段来更好地实现列表的功能,本文讲述自定义字段的一般步骤 打开Visual Studio,我们还 ...

  3. [XAF] Simplifying integration of custom controls bound to data from XAF application database

    ASP.NET:  http://www.screencast.com/t/OHhcHD9vy WinForms: http://www.screencast.com/t/8M8K4eskkYO9

  4. c# Custom Controls

    http://www.cnblogs.com/light169/archive/2008/06/11/1217139.html

  5. (转) [it-ebooks]电子书列表

    [it-ebooks]电子书列表   [2014]: Learning Objective-C by Developing iPhone Games || Leverage Xcode and Obj ...

  6. [转] 基于C#的波形显示控件的实现

    转自 基于C#的波形显示控件的实现[附完整源码下载] 编者记: 09年暑假正好在学院实验室呆了一段时间,做了个完整的上位机软件(具体实现:根据下位机的指令,实现通过串口来操纵下位机进行实验,并将采集的 ...

  7. [百度网盘]Xamarin for Visual Studio 3.7.165 Preview 最新版-介绍

    Xamarin 3.7.165 Preview 下载地址:http://download.xamarin.com/XamarinforVisualStudio/Windows/Xamarin.Visu ...

  8. Build 2017 Revisited: .NET, XAML, Visual Studio

    For the next couple months we're going to revisit Build 2017, each post focusing on different aspect ...

  9. Writing a Reusable Custom Control in WPF

    In my previous post, I have already defined how you can inherit from an existing control and define ...

随机推荐

  1. SpringCloud高可用和高并发

    1 高可用 什么是高可用:(High Availability)在一个长时间内服务不受影响.通俗的讲就是,一个机器挂掉的时候,有其他机器可以继续提供同样的服务. 如何实现高可用:冗余+自动故障转移.冗 ...

  2. Can you find it?(数组+二分hdu2141)

    Can you find it? Time Limit: 10000/3000 MS (Java/Others)    Memory Limit: 32768/10000 K (Java/Others ...

  3. HDU4185(KB10-G 二分图最大匹配)

    Oil Skimming Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Tota ...

  4. python 字符串与列表的相互转换 数据类型转换

    Python数据类型之间的转换 函数 描述 int(x [,base]) 将x转换为一个整数 long(x [,base] ) 将x转换为一个长整数 float(x) 将x转换到一个浮点数 compl ...

  5. JavaScript--事件入门(24)

    // JavaScript事件是由访问Web页面的用户引起的一系列操作; // 例如:用户点击;当用户执行某些操作的时候,再去执行一系列代码; 一 事件介绍 // 事件一般是用于浏览器和用户操作进行交 ...

  6. DOM(JavaScript高程笔记)

    一.节点层次 1.Node类型 if (someNode.nodeType == 1){ // 适用于所有浏览器 alert("Node is an element."); } N ...

  7. layui table 行号

    {type: 'numbers', title: '序号', width: '80'}

  8. CentOS6.5搭建ldap及pdc的过程

    linux   centos6.5,,配置的是本地yum,采用光盘自带的rpm包进行安装 安装openldap server 以及client yum install openldap-server ...

  9. 活字格Web应用平台学习笔记3-显示数据列表

    活字格第二课的目标,用活字格创建一个简单的在线数据管理系统. 看下设计界面.刚开始跟着点,有点懵圈,到做完,回忆了一下,其实就是先建一张表,然后,把表和页面联系起来,即在页面中划出一些区域,和表的字段 ...

  10. 关于form表单提交到Servlet的时候出现tomcat启动错误的解决方法

    1.遇到的问题 今天在写jsp代码的时候通过form表单提交到Servlet的时候出现的tomcat启动错误,琢磨了半天,终于找到了解决方法. 解决问题的关键就在于xml配置的路径和servlet中默 ...