Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1992857
  • 博文数量: 950
  • 博客积分: 10000
  • 博客等级: 上将
  • 技术积分: 13070
  • 用 户 组: 普通用户
  • 注册时间: 2008-08-04 09:23
文章分类

全部博文(950)

文章存档

2011年(1)

2008年(949)

我的朋友

分类: C/C++

2008-08-04 09:30:10

下载本文示例代码
下载CButtonST示例源代码
下载CButtonST类的源代码

本篇主要包括了以下的效果:
1. 在按钮上加入Icon,使Icon和文字同时显示
2. 显示平面按钮
3. 使按钮上的图标可变
4. 设置按钮在不同状态下的底色和文字颜色
5. 设置图标和文字的位置
6. 根据Icon的形状设置按钮的形状
7. 添加Tooltips

以下是Basic Features的演示界面:


效果一:在按钮上加入Icon,使Icon和文字同时显示

假设按钮ID为IDC_BUTTON1
1. 添加成员变量
CButtonST	m_btn;
2. 添加Icon资源,设其ID设为IDI_ICON1
3. 在OnInitDialog函数中初始化按钮
m_btn.SubclassDlgItem(IDC_BUTTON1,this);

m_btn.SetIcon(IDI_ICON1);

m_btn.SetFlat(FALSE);
注意:为达到最好效果,请根据Icon的大小调整按钮的大小。
实例:演示程序中的Standar 按钮。

效果二:显示平面按钮
只需要在效果一的基础上把m_btn.SetFlat(FALSE);语句去掉。

效果三:使按钮上的图标可变
假设按钮ID为IDC_BUTTON1
1. 添加成员变量
CButtonST	m_btn;
2. 添加两个Icon资源,ID设为IDI_ICON1和IDI_ICON2
IDI_ICON1是普通状态的图标,IDI_ICON2是按下时的图标

3. 在OnInitDialog函数中初始化按钮
m_btn.SubclassDlgItem(IDC_BUTTON1,this);

m_btn.SetIcon(IDI_ICON2,IDI_ICON1);
实例:演示程序中的Halloween 按钮。

效果四:设置按钮在不同状态下的底色和文字颜色

假设按钮ID为IDC_BUTTON1
1. 添加成员变量
CButtonST	m_btn;
2. 添加Icon资源,设其ID设为IDI_ICON1
3. 在OnInitDialog函数中初始化按钮
m_btn.SubclassDlgItem(IDC_BUTTON1,this);

m_btn.SetIcon(IDI_ICON1);

m_btn.SetColor(CButtonST::BTNST_COLOR_BK_OUT, RGB(208,208,208));

m_btn.SetColor(CButtonST::BTNST_COLOR_BK_FOCUS, RGB(208,208,208));

m_btn.OffsetColor(CButtonST::BTNST_COLOR_BK_IN, 30);
提示:SetColor函数和OffsetColor函数的第一个参数表示按钮的各个状态,前景色就是文字的颜色,它们的取值表示:
BTNST_COLOR_BK_IN	//鼠标放在按钮内时的背景色

BTNST_COLOR_FG_IN,	//鼠标放在按钮内时的前景色

BTNST_COLOR_BK_OUT,	//普通状态时的背景色	

BTNST_COLOR_FG_OUT,	//普通状态时的前景色

BTNST_COLOR_BK_FOCUS,	//按钮被按下后的背景色

BTNST_COLOR_FG_FOCUS,	//按钮被按下后的前景色
实例:演示程序中的48×48 icon 按钮、Zip按钮等。

效果五:设置图标和文字的位置

假设按钮ID为IDC_BUTTON1
1.添加成员变量
CButtonST	m_btn;
2.添加Icon资源,ID设为IDI_ICON1
3.在OnInitDialog函数中初始化按钮
m_btn.SubclassDlgItem(IDC_BUTTON1,this);

	m_btn.SetIcon(IDI_ICON1);

	m_btn.SetAlign(CButtonST::ST_ALIGN_VERT);

提示:SetAlign函数的第一个参数表示位置信息,缺省情况下,文字在图标右边
ST_ALIGN_HORIZ	// 文字在右

ST_ALIGN_VERT	//文字在下

ST_ALIGN_HORIZ_RIGHT// 文字在左

实例:演示程序中的Search 按钮。

效果六:根据Icon的形状设置按钮的形状

假设按钮ID为IDC_BUTTON1
1.添加成员变量
CButtonST	m_btn;
2.添加Icon资源,设其ID设为IDI_ICON1
3.在OnInitDialog函数中初始化按钮
m_btn.SubclassDlgItem(IDC_BUTTON1,this);

m_btn.SetIcon(IDI_ICON1);

m_btn.DrawBorder(FALSE);

m_btn.SetColor(CButtonST::BTNST_COLOR_BK_OUT, RGB(208,208,208));

m_btn.SetColor(CButtonST::BTNST_COLOR_BK_IN, RGB(208,208,208));

m_btn.SetColor(CButtonST::BTNST_COLOR_BK_FOCUS, RGB(208,208,208));
注意:为达到最好效果,请根据Icon的大小调整按钮的大小。
并根据实际情况设置背景颜色。请事先将按钮的文字去掉。

效果七:添加Tooltips

假设按钮ID为IDC_BUTTON1
1.添加成员变量
CButtonST	m_btn;
2.添加Icon资源,设其ID设为IDI_ICON1
3. 在OnInitDialog函数中初始化按钮
m_btn.SubclassDlgItem(IDC_BUTTON1,this);

m_btn.SetIcon(IDI_ICON1);

m_btn.SetTooltipText(_T("This is a tooltip.\r\nMultiline!"));

(未完待续)

下载本文示例代码
阅读(137) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~