VC界面编程相关的技术文档

VC 界面编程总结

2006-09-26 15:52

［前言：］拥有美丽的外观，软件就成功了一半。界面由控件、工具栏、菜单、窗体等元素

组成，对他们进行美化就能得到一个美丽的界面。

让控件更醒目在 ComboBox 中改变列表框的宽度

我们经常会使用到组合框，而组合框是是有 2 种功能的--下拉和列表。一般情况

下，列表框的宽度和选择框是一样宽的，但是我们有些时候确实很需要把列表框

的宽度变大，一便让我们能更好的看我们要选的东西。

switch (nctlcolor) {

case ctlcolor_edit:

break;

case ctlcolor_listbox:

if (listwidth > 0) {

// new width of a listbox is defined

CRect rect;

pwnd->GetWindowRect(&rect);

if (rect.Width() != listwidth) {

rect.right = rect.left + listwidth;

return hbr;

}

这样之后还没有完全好，你还得刷新一下列表框，那样才能随时根据列表框

中的文本的长度，而改变列表框的宽度，要想这样的话，你还得这样，你必须扫

描列表框中的条目，还得计算其中文本的长度（通过 pdc)，这样你如果再刷新

列表框的话，才能一条目中比较长的来显示。

上面的方法是通过 WM_CTLCOLOR 消息来实现的，后来才知道在 MFC 的

CComboBox 类中有一个函数也可以实现同样的功能，就是：

CComboBox::SetDroppedWidth(int width);

通过这个函数，你可以把宽度设成你自己喜欢的值，而它的实际的宽度是下

面 2 个值中的最大值：

数。下例调用 GetDlgItem，将返回值传给一个 CSpinButtonCtrl*以便调用

CSpinButtonCtrl : : SetPos 函数：

CDialog : : OnInitDialog ( ) ;

//Get pointer to spin button .

CSpinButtonCtrl * pSpin - ( CSpinButtonCtrl *) GetDlgItem (IDC_SPIN) ;

ASSERT _ VALID (pSpin) ;

//Set spin buttons default position .

}

其二， 可以使用 ClassWizard 将控件和成员变量联系起来。在 ClassWizard 中

简单地选择 Member Variables 标签，然后选择 Add Variable …按钮。如果在

对话资源编辑器中，按下 Ctrl 键并双击控件即可转到 Add Member Variable 对

话。

① 先创建一个基于对话框的工程，命名为 test，然后在对话框上加入一个

ListBox 控件。

② 在 testDlg.h 中加入一个成员变量：CBrush m_brush;

③ 在 OnInitDialog()中，加入 m_brush.CreateSolidBrush( RGB(0,0,0 );此处

设置的 RGB 值可以改变 ListBox 的背景色。为了观看 ListBox 中字的颜色变化，

我们给 ListBox 加入几个字：利用 Class Wizard 给 ListBox 加入一个 Control

类型的成员变量 m_ctrlListBox，然后在 OnInitDialog()加入如下所示的代 码：

m_ctrlListBox.AddString("1 号选手");

m_ctrlListBox.AddString("2 号选手");

④ 点击 Class Wizard，给 testDlg 加入 WM_CTLCOLOR 事件，单击 Edit Code 按

钮，然后把改函数的内容替换为如下代码：

if(nCtlColor== CTLCOLOR_LISTBOX)

{

pDC- >SetBkMode(TRANSPARENT);

pDC- >SetTextColor(RGB(255,255,255));

//此处设置字体的颜色

工具栏和状态条设计

在 VC++下实现高彩色工具条

引言

一些 Windows 系统自带程序如资源管理器、Internet Explorer 等程序的工具条

看上去和其他一些程序的工具条不太一样，在颜色上要漂亮许多。其实这些程序

的工具条上的图标均为 256 色，而普通应用程序 在工具栏上所显示图标的颜色

通常只有 16 色，这就决定了后者在视觉上远没有前者美观。由于 Windows 随系

在实现高彩色工具条之前，先研究一下普通 16 色 的工具条的实现过程，并从中

总结出改进方法。在 VC 的资源视图中工具条是一个资源名为 IDR_MAINFRAME 的

Toolbar 型资源，并可通过在编辑 按钮上的图标来完成工具条上图标的绘制。

虽然在资源视图中工具条上各按钮的图标是相互独立的，但在存储时并非像图标

一样保存为 ico 格式文件而是以 bmp 位图格式保存在磁盘上的。该位图是一个

由工具条上的按钮图标组成的长条型位图图像，中间没有任何缝隙，在程序运行

和在资源视图对工具条进行编辑时该图像首 先装载到一个图像列表中，然后工

具栏根据索引依次从图像列表中将图像显示到工具条的各个按钮上。由于 VC 限

制工具栏上的图标不能超出 16 色，因此不论是在 资源视图直接编辑位图还是用

复制粘贴等手段均无法获取超出 256 色的工具条（注：用复制粘贴的方法虽然在

编辑视图中可以暂时显示出 256 色的图标，但在程 序运行时仍会退化成 16 色）。

由于不能在资源视图中通过编辑 Toolbar 资源实现 16 色以上的图标，加之工具

条在显示时有并不直接 从 Toolbar 获取图标而是从图像列表中读取，因此可以

通过其他一些图像处理软件做好类似于工具条的 bmp 图像（仅颜色比普通工具条

bmp 图像丰富，其 余完全一样），并以位图的形式加入到程序资源。在使用时，

先将其读取到图像列表，这样图像列表中用于显示到工具条上的图标的颜色就可

以是 256、24 位、 甚至 32 位色的了。由于工具条缺省时将直接加载资源名为

IDR_MAINFRAME 的 Toolbar 型资源作为图标的来源，因此还必须通过

SetImageList（）函数将含有高彩色工具条位图的图像列表指定为工具条的图标

来源。

绘制工具条位图时，必须控制好图像的尺寸，如需要有 N 个边长为 M 的图标，

那么需要绘制的位图尺寸为长=N*M；宽=M。真彩位图在加入到工程之后就不能再

在 VC 的资源视图中进行编辑了。由于这个彩色位图仅起到美化界 面的作用，因

此具体对的事件响应等工作还要通过设置原有的 Toolbar 资源来完成。

准备工作就绪后，先要把工具条位图装载到图像列表，这样才能被工具条做获取。

在作这一步时，必须用::LoadImage（）函数去加载工具条位图，并通过宏

MAKEINTRESOURCE()来指定具体要加载哪一个资源位图：

HBITMAP hbm = (HBITMAP)::LoadImage(AfxGetInstanceHandle(),

MAKEINTRESOURCE(IDB_TOOLBAR), //加载 IDB_TOOLBAR

IMAGE_BITMAP, //按位图格式

0,0, // cx,cy

CBitmap bm;

bm.Attach(hbm);

MFC 加载工具栏位图时使用了一个内部函数 AfxLoadSysColorBitmap（）将缺省

颜色设定为 16 色，因此为了显示 16 色以上的图像，必须在调用图像列表类

CImageList 的 Create（）函数创建图像列表时对图像清单做进一步的处理：

m_ilToolBar.Create(32,32,ILC_COLOR8, 4, 4);

m_ilToolBar.Add(&bm,(CBitmap*)NULL);

这里用 ILC_COLOR8 标明了创建的图像列表是 256 色的，在 VC 的 commctrl.h 中

对其有定义，并且还提供有其他几种颜色位深度的预定义：

#define ILC_COLOR4 0x0004 //16 色

#define ILC_COLOR8 0x0008 //256 色

SetImageList（）函数指定工具条 m_wndToolBar 的图标来源不再是原来缺省的

图像列表而是含有高彩色位图的图像列表 m_ilToolBar：

m_wndToolBar.GetToolBarCtrl().SetImageList(&m_ilToolBar);

到此为止就可以通过 MFC 在自己编写的程序中实现类似于 IE 等软件的漂亮的工

具条了。下图就是笔者用上述方法得到的程序界面：

小结

本文通过对作为工具条图标来源的图像列表的替换，实现了在普通 MFC 应用程序