×

Visual C#组件技巧之深入ComboBox

Kalet Kalet 发表于2009-03-20 12:00:14 浏览309 评论0

抢沙发发表评论

一、问题提出 字串5


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


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

Visual C#组件技巧之深入ComboBox

字串5


 



字串6



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


  二、解决方法分析 字串6


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


字串5


  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,表明有图像;否则没有图像*/


字串4


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);
}
}
字串6


 


 


字串9


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


  //"变形"组合框列表项类
public class imageComboBoxItem
{
//定义文本属性
private string _text;
public string Text
{
get {return _text;}Visual C#组件技巧之深入ComboBox
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;
}
}


字串5


  三、检验方法 字串5


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


字串2



  第一步:建立项目(注:是Windows控件库类型)


字串8



  单击菜单【文件】→【新建】,在【新建项目】对话框中【模板】区域选择【Windows控件库】(假设文件名NewComboBox)。 字串8


  然后输入我们所建立两个类imageComboBox、imageComboBoxItem代码(代码在本文第二部分)。 字串5


  然后编译运行生成NewComboBox.dll. 字串2


  第二步:建立Windows应用程序进行检验。 字串7


  (1)单击菜单【文件】→【新建】,在【新建项目】对话框中【模板】区域选择【Windows应用程序】(假设文件名TestNewComboBox)。


字串4


  (2)在TestNewComboBoxForm1表单上添加一imagelist控件,且把如下三幅图像加到iamgelist图像集合中: 字串5


 



  (3)在【解决方案资源管理器】中,把第一步创建NewComboBox.dll加入到TestNewComboBox引用中。 字串9


 



字串7



  (4)对Form1Load事件编程,初始化(变形控件),其代码如下: 字串4


  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));
//把图象式组合框添加到表单控件集中


字串2



this.Controls.Add(comboBox);
}
字串2



  (4)对对象入口函数Main()进行编程,代码如下:


字串9


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


字串7


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


字串1


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


字串3


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

Visual C#组件技巧之深入ComboBox

本文来自: 我要研发网(http://www.51dev.com) 详细出处参考:http://51dev.com/html/web/aspnet/20070819/17774.html



群贤毕至

访客