1. 程式人生 > >MFC動態建立BUTTON

MFC動態建立BUTTON

動態控制元件是指在需要時由Create()建立的控制元件,這與預先在對話方塊中放置的控制元件是不同的。

一、建立動態控制元件:

為了對照,我們先來看一下靜態控制元件的建立。
放置靜態控制元件時必須先建立一個容器,一般是對話方塊,這時我們在對話方塊編輯視窗中,從工具視窗中拖出所需控制元件放在對話方塊中即可,再適當修改控制元件ID,設定控制元件屬性,一個靜態控制元件就建立好了,當對話方塊被顯示時,其上的控制元件也會顯示。
靜態控制元件不需要呼叫Create()函式來建立。
而建立動態控制元件有很大不同,以下以按鈕為例,看一下動態控制元件的建立過程:

1.建立控制元件ID號:

ID號是控制元件的標識,建立控制元件前必須先為它設定一個ID號。
開啟資源中的“String Table”,在空白行上雙擊滑鼠,這時會彈出一個ID屬性對話方塊,在其中的ID編輯框中輸入ID,如:IDC_MYBUTTON,在Caption中輸入控制元件標題或註解(注:Caption框不能為空,為空會導致建立失敗),這裡我輸入的是按鈕上要顯示的文字--動態按鈕。

2.建立控制元件物件:

不同種類的控制元件應建立不同的類物件,
按鈕控制元件 CButton (包括普通按鈕、單選按鈕和複選按鈕)
編輯控制元件 CEdit
靜態文字控制元件 CStatic
標籤控制元件 CTabCtrl
旋轉控制元件 CSpinButtonCtrl
滑標控制元件 CSliderCtrl
多資訊編輯控制元件 CRichEditCtrl
進度條控制元件 CProgressCtrl
滾動條控制元件 CSrcollBar
組合框控制元件 CComboBox
列表框控制元件 CListBox
影象列表控制元件 CImageCtrl
樹狀控制元件 CTreeCtrl
動畫控制元件 CAnimateCtrl

本例中我們建立一個CButton類的普通按鈕。注意不能直接定義CButton物件,如:CButton m_MyBut;這種定義只能用來給靜態控制元件定義控制變數,不能用於動態控制元件。

正確做法是用new呼叫CButton建構函式生成一個例項:
CButton *p_MyBut = new CButton();
然後用CButton類的Create()函式建立,該函式原型如下:
BOOL Create( LPCTSTR lpszCaption, DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID );
lpszCaption是按鈕上顯示的文字;
dwStyle指定按鈕風格,可以是按鈕風格與視窗風格的組合,取值有:
視窗風格:
WS_CHILD 子視窗,必須有
WS_VISIBLE 視窗可見,一般都有
WS_DISABLED 禁用視窗,建立初始狀態為灰色不可用的按鈕時使用
WS_TABSTOP 可用Tab鍵選擇
WS_GROUP 成組,用於成組的單選按鈕中的第一個按鈕
按鈕風格:
BS_PUSHBUTTON 下壓式按鈕,也即普通按鈕
BS_AUTORADIOBUTTON 含自動選中狀態的單選按鈕
BS_RADIOBUTTON 單選按鈕,不常用
BS_AUTOCHECKBOX 含自動選中狀態的複選按鈕
BS_CHECKBOX 複選按鈕,不常用
BS_AUTO3STATE 含自動選中狀態的三態複選按鈕
BS_3STATE 三態複選按鈕,不常用
以上風格指定了建立的按鈕型別,不能同時使用,但必須有其一。
BS_BITMAP 按鈕上將顯示點陣圖
BS_DEFPUSHBUTTON 設定為預設按鈕,只用於下壓式按鈕,一個對話方塊中只能指定一個預設按鈕
rect指定按鈕的大小和位置;
pParentWnd指示擁有按鈕的父視窗,不能為NULL;
nID指定與按鈕關聯的ID號,用上一步建立的ID號。
不同控制元件類的Create()函式略有不同,可參考相關資料。

例:p_MyBut->Create( "動態按鈕", WS_CHILD | WS_VISIBLE | BS_PUSHBUTTON, CRect(20,10,80,40), this, IDC_MYBUTTON );
這樣,我們就在當前對話方塊中的(20,10)處建立了寬60,高30,按鈕文字為“動態按鈕”的下壓式按鈕。

為了使建立過程更方便易用,我定義瞭如下函式:

CButton* CTextEditorView::NewMyButton(int nID,CRect rect,int nStyle)
{
CString m_Caption;
m_Caption.LoadString( nID ); //取按鈕標題
CButton *p_Button = new CButton();
ASSERT_VALID(p_Button);
p_Button->Create( m_Caption, WS_CHILD | WS_VISIBLE | BS_PUSHBUTTON | nStyle, rect, this, nID ); //建立按鈕
return p_Button;
}

其中m_Caption.LoadString( nID )是從字串表中讀取按鈕文字,這樣在建立按鈕ID時,應該把文字設定好,引數nStyle為除必須風格外的額外風格。
以下,我呼叫該函式建立三個按鈕,並指定第一個按鈕為預設按鈕,按鈕的ID已預先設定好了:
CButton *p_MyBut[3];
p_MyBut[0] = NewMyButton( ID_MYBUT1, CRect(10,20,50,35), BS_DEFPUSHBUTTON );
p_MyBut[1] = NewMyButton( ID_MYBUT2, CRect(55,20,95,35), 0 );
p_MyBut[2] = NewMyButton( ID_MYBUT3, CRect(100,20,140,35), 0 );

二、動態控制元件的響應:

動態控制元件的響應函式不能用ClassWizard新增,只能手動新增。仍以上面的按鈕為例,我們製作按鈕的單擊響應函式。

1.在MESSAGE_MAP中新增響應函式:

MESSAGE_MAP表中定義了訊息響應函式,其格式為:訊息名(ID,函式名),當我們用ClassWizard新增函式時,會自動新增在AFX_MSG_MAP括起的區間內,如:

BEGIN_MESSAGE_MAP(CTextEditorView, CFormView)
//{{AFX_MSG_MAP(CTextEditorView)
ON_BN_CLICKED(IDC_ICONBUT0, OnIconbut0)
//}}AFX_MSG_MAP
END_MESSAGE_MAP()

手工新增時不要新增到AFX_MSG_MAP區間內,以防ClassWizard不能正常工作,如:
BEGIN_MESSAGE_MAP(CTextEditorView, CFormView)
//{{AFX_MSG_MAP(CTextEditorView)
ON_BN_CLICKED(IDC_ICONBUT0, OnIconbut0)
//}}AFX_MSG_MAP
ON_BN_CLICKED(ID_MYBUT1, OnMybut1)
ON_BN_CLICKED(ID_MYBUT2, OnMybut2)
ON_BN_CLICKED(ID_MYBUT3, OnMybut3)
END_MESSAGE_MAP()

其中ON_BN_CLICKED是按鈕單擊訊息。

2.在標頭檔案中新增函式定義:

用ClassWizard新增函式時,會在標頭檔案的AFX_MSG區間內新增函式定義,如:

protected:
//{{AFX_MSG(CTextEditorView)
afx_msg void OnIconbut0();
//}}AFX_MSG
DECLARE_MESSAGE_MAP()

我們模仿這種形式,只是把函式定義新增到AFX_MSG區間外就行了:
protected:
//{{AFX_MSG(CTextEditorView)
afx_msg void OnIconbut0();
//}}AFX_MSG
afx_msg void OnMybut1();
afx_msg void OnMybut2();
afx_msg void OnMybut3();
DECLARE_MESSAGE_MAP()

3.編寫訊息響應函式:

以上是把訊息和函式關聯起來了,具體在單擊按鈕後應做的工作在函式中完成:

void CTextEditorView::OnMybut1()
{
MessageBox( "哈!你單擊了動態按鈕。" );
}
void CTextEditorView::OnMybut2()
{
……
}
void CTextEditorView::OnMybut3()
{
……
}

除了按鈕的響應函式外,你還可以用上面獲得的指標訪問按鈕,如:
修改按鈕的大小和位置:p_MyBut[0]->MoveWindow(……);
修改按鈕文字:p_MyBut[0]->SetWindowText(……);
顯示/隱藏按鈕:p_MyBut[0]->ShowWindow(……);等等。

三、回收資源:

由於動態控制元件物件是由new生成的,它不會被程式自動釋放,所以需手工釋放。在控制元件不再使用時可以刪除它:

if( p_MyBut[0] )
delete p_MyBut[0];

以上就是按鈕控制元件動態生成的方法。下面,再看一下單選按鈕的動態生成問題。

四、例項:單選按鈕組的動態生成

單選按鈕也屬於CButton類,但由於單選按鈕總是成組使用的,所以它在製作和使用上與普通按鈕有一定區別。

假設有三個單選按鈕組成一組,初始時,第一個單選按鈕處於選中狀態。

我們先來看靜態製作方法:在對話方塊中放置三個單選按鈕,設定屬性如下:
Radio1屬性:Visible、Group、Tab stop、Auto
Radio2屬性:Visible、Tab stop、Auto
Radio3屬性:Visible、Tab stop、Auto
這樣的屬性設定就把三個單選按鈕分成了一組,它們一次只能有一個被選中,若對話方塊中還有其它成組的單選按鈕,使用時也會互不干擾。但這時還沒有使第一個按鈕處於選中狀態。
接著就用ClassWizard為這組單選按鈕新增變數,這裡只需為第一個單選按鈕新增變數即可。設變數名為m_Radio,型別選為int型。在建構函式中ClassWizard把m_Radio的值設定為-1,我們把它改為0,這樣在執行程式時可以看到第一個單選按鈕處於選中狀態了。
之後,還應該用ClassWizard為三個單選按鈕新增單擊響應函式,在裡面修改m_Radio的值對應三個單選按鈕就可以了。
以上就是通常製作單選按鈕組的辦法,現我們欲改為動態生成,主要要解決按鈕分組和單擊控制問題。以下為製作步驟:

1.定義三個單選按鈕的ID:

開啟資源中的“String Table”,在其中新增三個ID值:
第一個:ID為IDC_MYRADIO1,Caption為單選1
第二個:ID為IDC_MYRADIO2,Caption為單選2
第三個:ID為IDC_MYRADIO3,Caption為單選3
其中Caption為按鈕上要顯示的文字,可根據需要設定。

2.用CButton類的Create()函式生成三個單選按鈕:

為方便起見,先定義一個函式生成單選按鈕:

CButton* CTextEditorView::NewMyRadio(int nID,CRect rect,int nStyle)
{
CString m_Caption;
m_Caption.LoadString( nID ); //取按鈕標題
CButton *p_Radio = new CButton();
ASSERT_VALID(p_Radio);
p_Radio->Create( m_Caption, WS_CHILD | WS_VISIBLE | nStyle | WS_TABSTOP | BS_AUTORADIOBUTTON, rect, this, nID ); //建立按鈕
return p_Radio;
}

函式LoadString()用於從“String Table”中讀取按鈕文字,Create()函式中設定了單選按鈕必須的屬性,其中就包括了Visible、Tab stop、Auto屬性。
引數nID為單選按鈕ID號,rect為單選按鈕尺寸,nStyle為除必要屬性外的其它屬性。返回值為指向新建按鈕的指標。

有了這個函式後,建立單選按鈕組時只要依次呼叫該函式即可,其中單選按鈕組的第一個單選按鈕必須指定WS_GROUP屬性。

CButton *p_MyRadio[3];
p_MyRadio[0] = NewMyRadio( IDC_MYRADIO1, CRect(15,90,60,105), WS_GROUP );
p_MyRadio[1] = NewMyRadio( IDC_MYRADIO2, CRect(15,108,60,123), 0 );
p_MyRadio[2] = NewMyRadio( IDC_MYRADIO3, CRect(15,126,60,141), 0 );

3.定義單選按鈕組的控制變數,設定第一個單選按鈕為選中狀態:

這裡不能用ClassWizard新增變數,也不要在DoDataExchange()中新增控制變數,因為動態控制元件一開始並不存在,在DoDataExchange()中新增控制變數會造成執行錯誤。這裡我們只需在標頭檔案中隨意定義一個int型變數作為控制變數即可,如:
int m_SelRadio;
在建構函式中設定其初值為0:m_SelRadio = 0;
在上面的建立按鈕的語句中,用SetCheck()函式設定初始選中的按鈕:

CButton *p_MyRadio[3];
p_MyRadio[0] = NewMyRadio( IDC_MYRADIO1, CRect(15,90,60,105), WS_GROUP );
p_MyRadio[1] = NewMyRadio( IDC_MYRADIO2, CRect(15,108,60,123), 0 );
p_MyRadio[2] = NewMyRadio( IDC_MYRADIO3, CRect(15,126,60,141), 0 );
p_MyRadio[m_SelRadio]->SetCheck(1); //設定第一個單選為選中狀態

在SetCheck()函式中,引數為1表示設定為選中狀態,為0表示未選中狀態。

4.新增滑鼠單擊響應函式:

滑鼠單擊某單選按鈕後,其狀態已經能自動改變,這裡我們還需修改控制變數m_SelRadio的值,以便跟蹤選中的單選按鈕。

首先在MESSAGE_MAP中把滑鼠單擊訊息與響應函式聯絡起來:

BEGIN_MESSAGE_MAP(CTextEditorView, CFormView)
//{{AFX_MSG_MAP(CTextEditorView)
ON_BN_CLICKED(IDC_ICONBUT0, OnIconbut0) //ClassWizard在此處新增
//}}AFX_MSG_MAP
ON_BN_CLICKED(IDC_MYRADIO1, OnMyRadio1) //單選按鈕1
ON_BN_CLICKED(IDC_MYRADIO2, OnMyRadio2) //單選按鈕2
ON_BN_CLICKED(IDC_MYRADIO3, OnMyRadio3) //單選按鈕3
END_MESSAGE_MAP()

然後在標頭檔案的MESSAGE_MAP中定義單擊函式:
protected:
//{{AFX_MSG(CTextEditorView)
afx_msg void OnIconbut0(); //ClassWizard在此處新增
//}}AFX_MSG
afx_msg void OnMyRadio1(); //單選按鈕1
afx_msg void OnMyRadio2(); //單選按鈕2
afx_msg void OnMyRadio3(); //單選按鈕3
DECLARE_MESSAGE_MAP()

這裡注意不要把函式加在AFX_MSG區間內,以防影響ClassWizard的使用。

定義具體的響應函式(這裡是用手工加入的,不是用ClassWizard加入的):
//單擊單選按鈕1

void CTextEditorView::OnMyRadio1()
{
m_SelRadio=0;
}

//單擊單選按鈕2
void CTextEditorView::OnMyRadio2()
{
m_SelRadio=1;
}

//單擊單選按鈕3
void CTextEditorView::OnMyRadio3()
{
m_SelRadio=2;
}

5.回收資源:

在解構函式中,回收建立的單選按鈕(也可以在不使用單選按鈕時立即回收):

CTextEditorView::~CTextEditorView()
{
int i;
for( i=0; i<3; i++)
{
if(p_MyRadio[i])
delete p_MyRadio[i];
}
}