专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »DotNet » combobox:制作漂亮的Visual C#组件ComboBox »正文

combobox:制作漂亮的Visual C#组件ComboBox

来源: 发布时间:星期四, 2009年2月12日 浏览:171次 评论:0


  组合框是组成Windows窗口常见Control控件的Windows员在应用软件Software开发中经常要用到组合框但随微软开发工具语言(如C/C/C#/VB/VF)提供标准组合框都是同面孔:组合框中每项都是看起来有点灰头土脸不那么赏心悦目(如图1)


图1

   今天我们就来给组合框美容使组合框中每项都带有个性组合框中每项即可以让串格式变化多样也可以使每项都带有各种图形同样也可以让每项都带有图像等等

   例1:本例中我们在个表单上创建 3个组合框从上到下名字分别为comboBox1~comboBox3通过编程分别让它们组合框条目串格式发生变化、每项前都有图形、每项前都有图像 步:建立项目

    建立名为TestComboBoxWindows应用(注:应用名可以随意)

第 2步:界面设计

    本例界面比较简单 3个label 3个组合框(如图2所示从上到上组合框名依次为comboBox1、comboBox2、comboBox3)个imageListControl控件(当然表单上看不到在表单设计图下方)请按照如图2排列


图2

第 3步:Control控件属性设置

   (1)把 3个labelText属性按图2设置;

   (2) 3个comboBox属性进行如下设置:

    DrawMode:OwnerDrawFixed;
    DropDownStyle:DropDownList;

    注:这两个属性只有如此设置才能保证我们对组合框进行个性化改造否则话无论你写得多么好同样还是\"灰头土脸不是那么赏心悦目

   (3)通过imageList1Item属性向imageList增添几个图像
第 4步:编程

介绍说明: 当我们通过组合框Add思路方法向组合框添加item时都会发生组合框DrawItem事件处理来画组合框item因此如果我们想创建个性化组合框只有在DrawItem事件处理中做文章了在编程的前我们需要了解如下基础知识

   (1)在组合框条目中显示文本时都是利用grphics类DrawString有多个变体现把此各种形式介绍如下:

    ①public void DrawString(, Font, Brush, PoF);

    在指定位置并且用指定 Brush 和 Font 对象绘制指定文本

    ②public void DrawString(, Font, Brush, RectangleF);

    在指定矩形并且用指定 Brush 和 Font 对象绘制指定文本

    ③public void DrawString(, Font, Brush, PoF, StringFormat);

    使用指定 StringFormat 对象格式化属性用指定 Brush 和 Font 对象在指定位置绘制指定文本

    ④public void DrawString(, Font, Brush, RectangleF, StringFormat);

    使用指定 StringFormat 对象格式化属性用指定 Brush 和 Font 对象在指定矩形绘制指定文本

    ⑤public void DrawString(, Font, Brush, float, float);

    在指定位置并且用指定 Brush 和 Font 对象绘制指定文本

    ⑥public void DrawString(, Font, Brush, float, float, StringFormat);

    使用指定 StringFormat 对象格式化属性用指定 Brush 和 Font 对象在指定位置绘制指定文本

   在本例中我们注意使用第④种

   (2)在组合框画矩形时大都使用graphics类FillRectangle()本例中我们所用格式如下:

    FillRectangle(brush_namerectange);

   (3)comboBox1~comboBox3DrawItem事件处理接收个 DrawItemEventArgs 类型参数它包含和此事件相关数据下列 DrawItemEventArgs 属性提供特定于此事件信息

    BackColor:获取所绘制背景色

    Bounds:获取表示所绘制项边界矩形

    Font:获取分配给所绘制项串格式

    ForeColor: 获取所绘制项前景色

    Graphics:获取要在其上绘制项图形表面

    Index:获取所绘制项索引值

    State:获取所绘制项状态

   有了以上\"基础知识\"我们开始编程了我们想在comboBox1改变串格式在comboBox2中改变每项前图形颜色颜色所以我们需要创建多种串格式、多种画刷因此我们必须建立两个ArrayList类型来保存我们创建串格式和画刷于是在类前面添加如下两句:


ArrayList brushArray = ArrayList ;
ArrayList fontArray = ArrayList ;   (4)我们什么时候创建串格式组、画刷组比较合适呢?当然要在画组合框的前了不然话如何用?因此只有在Form1_Load事件中前部创建串格式、画刷了Form1_Load代码如下:


private void Form1_Load(object sender, .EventArgs e)
{
//创建串格式
fontArray .Add( Font(\"Ariel\" , 8 , FontStyle.Bold ));
fontArray .Add( Font(\"Courier\" , 8 , FontStyle.Italic));
fontArray .Add( Font(\"Veranda\" , 8 , FontStyle.Bold));
fontArray .Add( Font(\"\" , 8 , FontStyle.Strikeout));
fontArray .Add( Font(\"Century SchoolBook\" , 8 , FontStyle.Underline));
fontArray .Add( Font(\"Helevctia\" , 8 , FontStyle.Italic));
       //创建画刷
brushArray.Add( SolidBrush(Color.Red));
brushArray.Add( SolidBrush(Color.Blue));
brushArray.Add( SolidBrush(Color.Green));
brushArray.Add( SolidBrush(Color.Yellow));
brushArray.Add( SolidBrush(Color.Black));


brushArray.Add( SolidBrush(Color.Azure));
brushArray.Add( SolidBrush(Color.Firebrick));
brushArray.Add( SolidBrush(Color.DarkMagenta));
brushArray.Add( SolidBrush(Color.DarkTurquoise));
brushArray.Add( SolidBrush(Color.Khaki));
       //画comboBox1注意它要comboBox1_DrawItem来画
comboBox1.Items.Add(\"中国\");
comboBox1.Items.Add(\"巴西\");
comboBox1.Items.Add(\"哥斯达黎加\");
comboBox1.Items.Add(\"土耳其\");
comboBox1.Items.Add(\"韩国\");
comboBox1.Items.Add(\"日本\");
//画comboBox2注意它要comboBox2_DrawItem来画
comboBox2.Items.Add(\"\");
comboBox2.Items.Add(\"\");
comboBox2.Items.Add(\"\");
comboBox2.Items.Add(\"\");
comboBox2.Items.Add(\"\");
comboBox2.Items.Add(\"\");
comboBox2.Items.Add(\"\");
comboBox2.Items.Add(\"\");
comboBox2.Items.Add(\"\");
comboBox2.Items.Add(\"\");
//画comboBox3注意它要comboBox3_DrawItem来画
comboBox3.Items.Add(\"赵微\");
comboBox3.Items.Add(\"舒淇\");
}

   问题:仅从Form_Load代码来看 3个comboBox应该差别不大它们代码几乎完全实际情况如何呢?我们还是来看看最终运行界面吧(如图3、图4、图5)


图3 comboBox1:格式变化组合框


图4 comboBox2:带有图形组全框


图5:comboBox3:带有图像组合框

   我们看看comboBox1DrawItem事件处理其代码如下:
private void comboBox1_DrawItem(object sender,
.Windows.Forms.DrawItemEventArgs e)
{
//确定画布
Graphics g = e.Graphics ;
//绘制区域
Rectangle r = e.Bounds ;
Font fn = null ;
( e.Index >= 0 )
{
//设置字体、串格式、对齐方式
fn = (Font)fontArray[e.Index];
s = ()comboBox1.Items[e.Index];
StringFormat sf = StringFormat;
sf.Alignment = StringAlignment.Near;
//根据区别状态用区别颜色表示
( e.State ( DrawItemState.NoAccelerator | DrawItemState.NoFocusRect))
{
e.Graphics.FillRectangle( SolidBrush(Color.Red) , r);
e.Graphics.DrawString( s , fn , SolidBrush(Color.Black), r ,sf);
e.DrawFocusRectangle;
}

{
e.Graphics.FillRectangle( SolidBrush(Color.LightBlue) , r);
e.Graphics.DrawString( s , fn , SolidBrush(Color.Red), r ,sf);
e.DrawFocusRectangle;
}
}
}   再来看看comboBox2DrawItem事件处理其代码如下:


private void comboBox2_DrawItem(object sender,
.Windows.Forms.DrawItemEventArgs e)
{
Graphics g = e.Graphics ;
Rectangle r = e.Bounds ;
( e.Index >= 0 )
{
//设置串前矩形块rd大小
Rectangle rd = r ;
rd.Width = rd.Left + 20 ;
Rectangle rt = r ;
r.X = rd.Right ;
//用区别颜色画矩形块
SolidBrush b = (SolidBrush)brushArray[e.Index];
g.FillRectangle(b , rd);
//设置格式
StringFormat sf = StringFormat;
sf.Alignment = StringAlignment.Near;
( e.State ( DrawItemState.NoAccelerator | DrawItemState.NoFocusRect))
{
//串背景
e.Graphics.FillRectangle( SolidBrush(Color.White) , r);
//显示
e.Graphics.DrawString( b.Color.Name, Font(\"Ariel\" ,8 , FontStyle.Bold ) , SolidBrush(Color.Black), r ,sf);
//绘制取得焦点时虚线框
e.DrawFocusRectangle;
}

{
e.Graphics.FillRectangle( SolidBrush(Color.LightBlue) , r);
e.Graphics.DrawString( b.Color.Name, Font(\"Veranda\" , 8 , FontStyle.Bold ) , SolidBrush(Color.Red), r ,sf);
e.DrawFocusRectangle;
}
}
}
  最后我们看看comboBox3DrawItem事件处理其源代码如下:


private void comboBox3_DrawItem(object sender, .Windows.Forms.DrawItemEventArgs e)
{
Graphics g = e.Graphics ;
Rectangle r = e.Bounds ;
Size imageSize = imageList1.ImageSize;
Font fn = null ;
( e.Index >= 0 )
{
fn = (Font)fontArray[0];
s = ()comboBox3.Items[e.Index];
StringFormat sf = StringFormat;
sf.Alignment = StringAlignment.Near;
( e.State ( DrawItemState.NoAccelerator | DrawItemState.NoFocusRect))
{
//画条目背景
e.Graphics.FillRectangle( SolidBrush(Color.Red) , r);
//绘制图像
imageList1.Draw(e.Graphics, r.Left, r.Top,e.Index);
//显示
e.Graphics.DrawString( s , fn , SolidBrush(Color.Black), r.Left+imageSize.Width ,r.Top);
//显示取得焦点时虚线框
e.DrawFocusRectangle;
}

{
e.Graphics.FillRectangle( SolidBrush(Color.LightBlue) , r);
imageList1.Draw(e.Graphics, r.Left, r.Top,e.Index);
e.Graphics.DrawString( s , fn , SolidBrush(Color.Black),r.Left+imageSize.Width ,r.Top);
e.DrawFocusRectangle;
}
}
}
   看到这儿聪明读者也许会说其实为组合框\"变脸\"很简单只要修改各个组合框DrawItem事件处理即可如果你能明白这我这篇文章就达到了



   在本文快要结果的前我们还是来看看应用入口代码:


void Main
{
Form frm= Form1;
frm.ShowDialog;
}
标签:combobox
0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: