CButtonST使用技巧（一）

本篇主要包括了以下的效果：

1. 在按钮上加入Icon，使Icon和文字同时显示

2. 显示平面按钮

3. 使按钮上的图标可变

4. 设置按钮在不同状态下的底色和文字颜色

5. 设置图标和文字的位置

6. 根据Icon的形状设置按钮的形状

7. 添加Tooltips

以下是Basic Features的演示界面：



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

假设按钮ID为IDC_BUTTON1

1. 添加成员变量

1.

CButtonST  
m_btn;

2. 添加Icon资源，设其ID设为IDI_ICON1

3. 在OnInitDialog函数中初始化按钮

1.

m_btn.SubclassDlgItem(IDC_BUTTON1,

this

);

2.

m_btn.SetIcon(IDI_ICON1);

3.

m_btn.SetFlat(FALSE);

注意:为达到最好效果，请根据Icon的大小调整按钮的大小。

实例：演示程序中的Standar 按钮。

效果二：显示平面按钮

只需要在效果一的基础上把m_btn.SetFlat(FALSE);语句去掉。

效果三：使按钮上的图标可变

假设按钮ID为IDC_BUTTON1

1. 添加成员变量

1.

CButtonST  
m_btn;

2. 添加两个Icon资源，ID设为IDI_ICON1和IDI_ICON2

IDI_ICON1是普通状态的图标，IDI_ICON2是按下时的图标

3. 在OnInitDialog函数中初始化按钮

1.

m_btn.SubclassDlgItem(IDC_BUTTON1,

this

);

2.

m_btn.SetIcon(IDI_ICON2,IDI_ICON1);

实例：演示程序中的Halloween 按钮。 

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

假设按钮ID为IDC_BUTTON1

1. 添加成员变量

1.

CButtonST  
m_btn;

2. 添加Icon资源，设其ID设为IDI_ICON1

3. 在OnInitDialog函数中初始化按钮

1.

m_btn.SubclassDlgItem(IDC_BUTTON1,

this

);

2.

m_btn.SetIcon(IDI_ICON1);

3.

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

4.

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

5.

m_btn.OffsetColor(CButtonST::BTNST_COLOR_BK_IN,
30);

提示：SetColor函数和OffsetColor函数的第一个参数表示按钮的各个状态，前景色就是文字的颜色，它们的取值表示：

1.

BTNST_COLOR_BK_IN   

//鼠标放在按钮内时的背景色

2.

BTNST_COLOR_FG_IN,  

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

3.

BTNST_COLOR_BK_OUT, 

//普通状态时的背景色

4.

BTNST_COLOR_FG_OUT, 

//普通状态时的前景色

5.

BTNST_COLOR_BK_FOCUS,   

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

6.

BTNST_COLOR_FG_FOCUS,   

//按钮被按下后的前景色

实例：演示程序中的48×48 icon 按钮、Zip按钮等。

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

假设按钮ID为IDC_BUTTON1

1.添加成员变量

1.

CButtonST  
m_btn;

2.添加Icon资源，ID设为IDI_ICON1

3.在OnInitDialog函数中初始化按钮

1.

m_btn.SubclassDlgItem(IDC_BUTTON1,

this

);

2.

m_btn.SetIcon(IDI_ICON1);

3.

m_btn.SetAlign(CButtonST::ST_ALIGN_VERT);

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

1.

ST_ALIGN_HORIZ  

//
文字在右

2.

ST_ALIGN_VERT   

//文字在下

3.

ST_ALIGN_HORIZ_RIGHT

//
文字在左

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

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

假设按钮ID为IDC_BUTTON1

1.添加成员变量

1.

CButtonST  
m_btn;

2.添加Icon资源，设其ID设为IDI_ICON1

3.在OnInitDialog函数中初始化按钮

1.

m_btn.SubclassDlgItem(IDC_BUTTON1,

this

);

2.

m_btn.SetIcon(IDI_ICON1);

3.

m_btn.DrawBorder(FALSE);

4.

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

5.

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

6.

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

注意:为达到最好效果，请根据Icon的大小调整按钮的大小。

并根据实际情况设置背景颜色。请事先将按钮的文字去掉。

效果七：添加Tooltips

假设按钮ID为IDC_BUTTON1

1.添加成员变量

1.

CButtonST  
m_btn;

2.添加Icon资源，设其ID设为IDI_ICON1

3. 在OnInitDialog函数中初始化按钮

1.

m_btn.SubclassDlgItem(IDC_BUTTON1,

this

);

2.

m_btn.SetIcon(IDI_ICON1);

3.

m_btn.SetTooltipText(_T(

"This
is a tooltip.\r\nMultiline!"

));