C++ Builder 中的自画功能(上)

也许你都看见过一些列表框啦、下拉框啦什么的，他们的选项不是文字而是图形。比如像Word 97中设置字体的对话框里有一项“下划线”设置，其选项中就是各种线形，给人非常直观的感觉。这种下拉框在C++ Builder中能做出来吗？
    Of course！我在自己的程序中，就成功地使用了这种列表框完成了线形的设置。OK，下面我们就来实际做一个程序。这个程序的作用是这样的：使用下拉列表框选择一种颜色，并把Label1的文字设置成该颜色。
    先在Form上放一个ComboBox,取名为ComboBox1。把（注意是关键哦！）Style改为csOwnerDrawFixed，注意这一步很重要，因为如果不改成OwerDraw形式的话，就不会触发后面要用到的OnDrawItem事件。另外，为了编程方便，我们定义一个颜色数组（简单起见，就用五种颜色）：
  const TColor colors[5] = {clBlack, clWhite, clRed, clBlue, clGreen};
再在ComboBox的Items里写上5行：黑色、白色、红色、兰色、绿色。
最后在ComboBox的OnDrawItem里写上如下代码：

void __fastcall TForm1::ComboBox1DrawItem(TWinControl *Control, int Index,
      TRect &Rect, TOwnerDrawState State)
//Control是需要自画的控件，Index是项数索引（从0开始），Rect是该项的绘画范围，State表示状态
//（选中、聚焦、无效等）
{
  //画颜色索引的小方块
  ((TComboBox *)Control)->Canvas->Brush->Color = colors[Index];
  ((TComboBox *)Control)->Canvas->Brush->Style = bsSolid;
  ((TComboBox *)Control)->Canvas->FillRect(Classes::Rect(Rect.Left+2, Rect.Top+2, Rect.Left+14, Rect.Bottom-2));  //之所以用Classes::Rect是因为与参数重名
  ((TComboBox *)Control)->Canvas->Pen->Color = clBlack;
  ((TComboBox *)Control)->Canvas->Rectangle(Rect.Left+1, Rect.Top+1, Rect.Left+15, Rect.Bottom-1);

  //写文字
  ((TComboBox *)Control)->Canvas->Font->Color = clBlack;
  ((TComboBox *)Control)->Canvas->Font->Name  = "宋体";
  ((TComboBox *)Control)->Canvas->Font->Size  = 9;

  ((TComboBox *)Control)->Canvas->Brush->Style = bsClear;
  ((TComboBox *)Control)->Canvas->TextOut(Rect.Left+20, Rect.Top+2, ((TComboBox *)Control)->Items->Strings[Index]);

  //标记当前鼠标所在项（焦点项）[本例中在外边画个蓝方框表示]
  if(State.Contains(odFocused))
  {
    ((TComboBox *)Control)->Canvas->Pen->Color = clBlue;
    ((TComboBox *)Control)->Canvas->Rectangle(Rect.Left, Rect.Top, Rect.Right, Rect.Bottom);
  }
  else
  {
    ((TComboBox *)Control)->Canvas->Pen->Color = clWhite;
    ((TComboBox *)Control)->Canvas->Rectangle(Rect.Left, Rect.Top, Rect.Right, Rect.Bottom);
  }
}

好了，至此，一个自画的列表框就完成了。接下来的事情就非常简单了：
在ComboBox的OnChange事件中写以下代码：

void __fastcall TForm1::ComboBox1Change(TObject *Sender)
{
  Label1->Font->Color = colors[ComboBox1->ItemIndex];       
}

就完成了Label字体变色的功能，我想不用解释了吧？
运行看看效果吧！

不过，现在在选择之前列表框中并没有东西，有时可能希望开始的时候列表框中有一个缺省选项，这时，只要在初始化时（比如FormCreate事件中），写上
  ComboBox1->ItemIndex = 0;  //0 表示第一项
就行了。

另外，你可能会注意到ComboBox的Style属性中有两个选项跟OwnerDraw有关，除了我们演示的这个OwnerDrawFixed之外，还有一个OwnerDrawVariable。它们有什么区别吗？
当然啦，Fix指的是“固定”，Variable指的是“可变”。所以，如果你要画的每一项都是同样大小（就像我们在上面演示的那种），用Fix；否则，用Variable。但是使用Variable时，你在画之前，还要通过OnMeasureItem事件确定每一项的高度值。由于设置很简单，我就不演示了。

除了ComboBox和ListBox之外，PageControl（多页控件）的Tab也是可以自己画的。方法嘛差不多。我想就不罗嗦了吧。但是同样要注意要把OwnerDraw设成true。

（To be continued）