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

图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, new SolidBrush(ea.ForeColor), bounds.Left+imageSize.Width, bounds.Top); } else//只有文本，没有图像 { 　　 //写文本 ea.Graphics.DrawString(item.Text, ea.Font, new SolidBrush(ea.ForeColor), bounds.Left, bounds.Top); } } //一定要有 catch { if (ea.Index != -1) { ea.Graphics.DrawString(Items[ea.Index].ToString(), ea.Font, new SolidBrush(ea.ForeColor), bounds.Left, bounds.Top); } else { ea.Graphics.DrawString(Text, ea.Font, new SolidBrush(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控件库类型）

　　 单击菜单【文件】→【新建】，在【新建项目】对话框中的【模板】区域选择【Windows控件库】（假设文件名NewComboBox）。

　　 然后输入我们所建立的两个类imageComboBox、imageComboBoxItem代码（代码在本文第二部分）。
然后编译运行生成NewComboBox.dll.

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

　　 （1）单击菜单【文件】→【新建】，在【新建项目】对话框中的【模板】区域选择【Windows应用程序】（假设文件名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中文版环境下调试通过。

线索二叉树算法：【上一篇】
贪婪算法解题的一般思路：【下一篇】