快捷搜索:

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;
}
}
 

1

作者:张伟职责 修正 :方舟)

天极新媒体 最酷科技资讯

扫码赢大奖

评论

* 网友说话 均非本站情绪 ,本站不在评论栏引荐 任何网店、经销商,谨防上当上当 !

您可能还会对下面的文章感兴趣: