Visual C＃组件技巧之深入ComboBox美容

【 tulaoshi.com - 编程语言 】

　　一、问题的提出

　　在上一篇文章中我们谈到了如何用编程的方式实现ComboBox美容，使普通的ComboBox控件变得多姿多彩（如字体的变大、颜色的变化以及中上图像），但是这种变化是有一定的局限性：即强烈的顺序感。本文就来解决"强烈的顺序感"的问题，这种做法是很有必要的。

　　例如在一个ComboBox中显示的全体2001级计算机系优秀学生干部，为了明确地区分某个学生是属性某一个年级，我们可采用在每个学生面前放置图标的方法，如一年级的学生面前放置 ，二年级的学生前面放置 ，三年级的学生面前放置 ，不知年级的学生前面不放置任何图标等来区分，如图1所示。

图1

　　在图1中可以看出"没有强烈的顺序感"，弥补了上一篇文章的不足之处。这到底是如何实现的呢？

　　二、解决方法分析

　　从图1可以看出，我们所用的组合框只是在标准组合框的基础上进行了修改（添加图像列表）而形成的，因此读者很容易想到C＃中自定义控件的方法之一：继承原有控件的方法。本文中的"变形组合框"就是在标准的ComboBox继承得到的，在标准的ComboBox基础上添加了一个图像列表，其代码如下：

public class imageComboBox : System.Windows.Forms.ComboBox//继承ComboBox{//添加ImageList型的变量来保存ImageList属性的值private ImageList _imageList;//定义ImageList属性public ImageList ImageList{get{return _imageList;}set{_imageList = value;}}/*设置绘画方式为OwnerDrawFixed，这一步很关键*/public imageComboBox(){DrawMode = DrawMode.OwnerDrawFixed;}//重载OnDrawItem函数，来绘制组合框中每一列表项protected override void OnDrawItem(DrawItemEventArgs ea){ea.DrawBackground();ea.DrawFocusRectangle();imageComboBoxItem item;Size imageSize = _imageList.ImageSize;Rectangle bounds = ea.Bounds;try{/*关于imageComboBoxItem的定义在下面论述*，这一步也是关键/item = (imageComboBoxItem)Items[ea.Index];/*在此处用了一个小技巧。因为组合框列表项中的索引从0开始，对于那些没有图标的项（用于不知道属性哪一个年级的学生）把其索引设置为-1，即只要其索引值不为-1，表明有图像；否则没有图像*/if (item.ImageIndex != -1)//即有图像又有文本{//画图像_imageList.Draw(ea.Graphics, bounds.Left, bounds.Top, item.ImageIndex);//绘制文本ea.Graphics.DrawString(item.Text, ea.Font, newSolidBrush(ea.ForeColor), bounds.Left+imageSize.Width, bounds.Top);}else//只有文本，没有图像{　　//写文本ea.Graphics.DrawString(item.Text, ea.Font, newSolidBrush(ea.ForeColor), bounds.Left, bounds.Top);}}//一定要有catch{if (ea.Index != -1){ea.Graphics.DrawString(Items[ea.Index].ToString(), ea.Font, newSolidBrush(ea.ForeColor), bounds.Left, bounds.Top);}else{ea.Graphics.DrawString(Text, ea.Font, newSolidBrush(ea.ForeColor), bounds.Left, bounds.Top);}}base.OnDrawItem(ea);}}

　　再仔细观察图1，发现"变形"组合框中列表项与普通组合框中列表项中有所不同（多了图像），在此我们定义一个类来描述"变形"组合框列表项，其代码如下：

//"变形"组合框列表项类public class imageComboBoxItem{//定义文本属性private string _text;public string Text{get {return _text;}set {_text = value;}}//定义图象索引属性private int _imageIndex;public int ImageIndex{get {return _imageIndex;}set {_imageIndex = value;}}//初始化函数之一：即没有图象也没有文本public imageComboBoxItem():this("",-1){}//初始化函数之二：没有图象，只有文本（针对不知属性哪一年级学生）public imageComboBoxItem(string text): this(text, -1){}//初始化函数之三：文本与图象都有public imageComboBoxItem(string text, int imageIndex){_text = text;_imageIndex = imageIndex;}public override string ToString(){return _text;}}

　　三、检验方法

　　我们建立一个项目来检验一下，在此我们只描述重要步骤。

　　第一步：建立项目（注：是Windows控件库类型）

　　单击菜单→，在对话框中的区域选择（假设文件名NewComboBox）。

　　然后输入我们所建立的两个类imageComboBox、imageComboBoxItem代码（代码在本文第二部分）。

　　然后编译运行生成NewComboBox.dll.

　　第二步：建立Windows应用程序进行检验。

　　（1）单击菜单→，在对话框中的区域选择（假设文件名TestNewComboBox）。

　　（2）在TestNewComboBox的Form1表单上添加一imagelist控件，且把如下三幅图像加到iamgelist的图像集合中：

　　（3）在中，把第一步创建的NewComboBox.dll加入到TestNewComboBox的引用中。

　　（4）对Form1的Load事件编程，初始化（变形控件），其代码如下：

private void Form1_Load(object sender, System.EventArgs e){//创建"变形"组合框imageComboBox comboBox = new imageComboBox();//设置"变形"组合框的图象列表comboBox.ImageList = this.imageList1;//设置组合框显示风格comboBox.DropDownStyle = ComboBoxStyle.DropDownList;//添加组合框列表项，在添加时调用OnDrawItem。comboBox.Items.Add(new imageComboBoxItem("张伟", 0));comboBox.Items.Add(new imageComboBoxItem("李目海", 1));comboBox.Items.Add(new imageComboBoxItem("沙长老",0));comboBox.Items.Add(new imageComboBoxItem("无名"));comboBox.Items.Add(new imageComboBoxItem("周纹句",1));comboBox.Items.Add(new imageComboBoxItem("李中军",2));comboBox.Items.Add(new imageComboBoxItem("徐文波",0));comboBox.Items.Add(new imageComboBoxItem("少明艳",1));comboBox.Items.Add(new imageComboBoxItem("无名军",2));//把图象式组合框添加到表单的控件集中this.Controls.Add(comboBox);}

　　（4）对对象入口函数Main()进行编程，代码如下：

static void Main(){//Application.Run(new Form1());Form1 frm=new Form1();frm.ShowDialog();}

　　编译运行就出现如图1所示的界面。

　　说明：其这本文中的"变形"组合框列表项类imageComboBoxItem并没有继承任何系统本身附带的类，因此对imageComboBoxItem进行任意修改，可形成各式各样、奇形怪状的组合框。有兴趣的读者可进行一试。

　　文中示例在Windows 2000＋Visual Studio .NET中文版环境下调试通过。