Visual C#组件技巧之深入ComboBox美容
一、问题的提出
在上一篇文章中我们谈到了如何用编程的方式实现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, 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中文版环境下调试通过。