[C#] 简单自绘带图片的 ComboBox

isaced

很高兴看到精益论坛的C#板块慢慢活跃起来，希望大家可以更多的分享处自己的东西和经验。

这是一篇C#自绘控件的教程，抛砖引玉，很简单，技术含量不高，大师请路过。{:soso_e100:}

完了大家可以自己试试，帖子源码和素材都贴上来，欢迎跟帖交流。

发到CSDN论坛上，瞬间被首页推荐了。


效果展示：




不废话了，正文开始。

先构造一个子项的类：

1. using System;
   
2. using System.Collections.Generic;
   
3. using System.Linq;
   
4. using System.Text;
   
5. using System.Drawing;//
   
6. 
   
7. namespace ComboBox_Draw
   
8. {
   
9.     //自定义组合框项
   
10.     class MyItem
    
11.     {
    
12.         //项文本内容
    
13.         private String Text;
    
14.       
    
15.         //项图片
    
16.         public Image Img;
    
17. 
    
18.         //构造函数
    
19.         public MyItem(String text, Image img)
    
20.         {
    
21.             Text = text;
    
22.             Img = img;
    
23.         }
    
24. 
    
25.         //重写ToString函数，返回项文本
    
26.         public override string ToString()
    
27.         {
    
28.             return Text;
    
29.         }
    
30.     }
    
31. }

复制代码

然后看重写DrawItem事件：

1. private void ComboBox1_DrawItem(object sender, DrawItemEventArgs e)
   
2.         {
   
3.             //鼠标选中在这个项上
   
4.             if ((e.State & DrawItemState.Selected) != 0)
   
5.             {
   
6.                 //渐变画刷
   
7.                 LinearGradientBrush brush = new LinearGradientBrush(e.Bounds, Color.FromArgb(255, 251, 237),
   
8.                                                  Color.FromArgb(255, 236, 181), LinearGradientMode.Vertical);
   
9.                 //填充区域
   
10.                 Rectangle borderRect = new Rectangle(3, e.Bounds.Y, e.Bounds.Width - 5, e.Bounds.Height - 2);
    
11. 
    
12.                 e.Graphics.FillRectangle(brush, borderRect);
    
13. 
    
14.                 //画边框
    
15.                 Pen pen = new Pen(Color.FromArgb(229, 195, 101));
    
16.                 e.Graphics.DrawRectangle(pen, borderRect);
    
17.             }
    
18.             else
    
19.             {
    
20.                 SolidBrush brush = new SolidBrush(Color.FromArgb(255, 255, 255));
    
21.                 e.Graphics.FillRectangle(brush, e.Bounds);
    
22.             }
    
23. 
    
24.             //获得项图片,绘制图片
    
25.             MyItem item = (MyItem)comboBox1.Items[e.Index];
    
26.             Image img = item.Img;
    
27.            
    
28.             //图片绘制的区域
    
29.             Rectangle imgRect = new Rectangle(6, e.Bounds.Y + 3, 45,45);
    
30.             e.Graphics.DrawImage(img, imgRect);
    
31.             
    
32.             //文本内容显示区域
    
33.             Rectangle textRect =
    
34.                     new Rectangle(imgRect.Right + 2, imgRect.Y, e.Bounds.Width - imgRect.Width, e.Bounds.Height - 2);
    
35.             
    
36.             //获得项文本内容,绘制文本
    
37.             String itemText = comboBox1.Items[e.Index].ToString();
    
38. 
    
39.             //文本格式垂直居中
    
40.             StringFormat strFormat = new StringFormat();
    
41.             strFormat.LineAlignment = StringAlignment.Center;
    
42.             e.Graphics.DrawString(itemText, new Font("微软雅黑", 12), Brushes.Black, textRect, strFormat);
    
43.         }

复制代码

最后是窗体Load事件：最后是窗体Load事件：

1.        private void Form1_Load(object sender, EventArgs e)
   
2.         {
   
3.             //添加项
   
4.             comboBox1.Items.Add(new MyItem("000000", Image.FromFile(Application.StartupPath + "\\0.gif")));
   
5.             comboBox1.Items.Add(new MyItem("111111", Image.FromFile(Application.StartupPath + "\\1.gif")));
   
6.             comboBox1.Items.Add(new MyItem("222222", Image.FromFile(Application.StartupPath + "\\2.gif")));
   
7.             comboBox1.Items.Add(new MyItem("333333", Image.FromFile(Application.StartupPath + "\\3.gif")));
   
8. 
   
9.             //默认选中项索引
   
10.             comboBox1.SelectedIndex = 0;
    
11. 
    
12.             //自绘组合框需要设置的一些属性
    
13.             comboBox1.DrawMode = DrawMode.OwnerDrawFixed;
    
14.             comboBox1.DropDownStyle = ComboBoxStyle.DropDownList;
    
15.             comboBox1.ItemHeight = 50;
    
16.             comboBox1.Width = 200;
    
17. 
    
18.             //添加DrawItem事件处理函数
    
19.             comboBox1.DrawItem += ComboBox1_DrawItem;
    
20. 
    
21.         }

复制代码

素材下载

---------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------

{:soso_e183:}祝精益论坛越来越来越来越来越来越来好！{:soso_e183:}

另外，本人倡导注释，所以注释量比较大，方便新手。
对本文有什么问题可以直接回帖，也可以发到我的邮箱:isaced@163.com

乔伊

这个我喜欢。

乔伊

转载主题就不要把原创复制过来了，改成转载

isaced

乔伊 发表于 2012-7-21 14:56
转载主题就不要把原创复制过来了，改成转载

知道了，下次直接发精益论坛。

乔伊

isaced 发表于 2012-7-21 14:57
知道了，下次直接发精益论坛。

。。。。。= =。。。好好学习，天天向上

isaced

乔伊 发表于 2012-7-21 14:58
。。。。。= =。。。好好学习，天天向上

可惜论坛没有代码高亮插件，遗憾了。

乔伊

isaced 发表于 2012-7-21 14:59
可惜论坛没有代码高亮插件，遗憾了。

嗯的，我看你代码是有背景格式的，这个是用HTML还是DZ代码？代码高亮在弄了，不过不是很完善。所以木有发布。

isaced

乔伊 发表于 2012-7-21 15:00
嗯的，我看你代码是有背景格式的，这个是用HTML还是DZ代码？代码高亮在弄了，不过不是很完善。所以木有发 ...

VS里直接Copy的，然后粘贴为代码。

乔伊

isaced 发表于 2012-7-21 15:03
VS里直接Copy的，然后粘贴为代码。

粘贴为代码？

isaced

乔伊 发表于 2012-7-21 15:06
粘贴为代码？