對話(huà)框就好比是一個(gè)容器,只有將一些控件添加在這個(gè)容器中,才能實(shí)現用戶(hù)與對話(huà)框之間的交互。下面我們將前面的對話(huà)框設計成如圖13所示的界面,其功能是用來(lái)讓用戶(hù)調整視圖客戶(hù)區的背景顏色,設置的效果可在下方的矩形框中預覽。

1. 界面實(shí)現的技巧
在圖13所示的對話(huà)框中所用到的控件有:組框
[/p]、靜態(tài)文本[p align=center]




需要說(shuō)明的是:
?、?"靜態(tài)文本"、"組框"和"圖片控件"都屬于靜態(tài)控件,一般不接收用戶(hù)輸入也沒(méi)有事件映射,其中"組框"控件可以把一些控件人為地劃分成一組,使界面更加清晰。"靜態(tài)文本"和"圖片控件"分別用來(lái)顯示文本內容和圖像資源(如圖標、位圖等)。
?、?"編輯框"是一個(gè)讓用戶(hù)從鍵盤(pán)輸入和編輯文本的矩形窗口,用戶(hù)通過(guò)它可以輸入各種文本、數字或者口令,也可使用它來(lái)編輯和修改簡(jiǎn)單的文本內容。當編輯框被激活且具有輸入焦點(diǎn)時(shí),就會(huì )出現一個(gè)閃動(dòng)的插入符,表明當前插入點(diǎn)的位置。
(1) 幾乎每一個(gè)控件都要設置自己的標題(Caption)內容。例如,圖13中組框的"背景顏色",靜態(tài)文本的"紅色顏色分量(R)"等。單擊要設置的控件,在屬性窗口中修改其Caption屬性?xún)热荨?/p>
(2) 若要使"旋轉控件"和"編輯框"組合一起,成為"伙伴"控件,必須使這兩個(gè)控件的Tab鍵次序相連續,且"編輯框"的Tab鍵次序在前。在對話(huà)框中, Tab鍵可以按照一定次序依次將輸入焦點(diǎn)從一個(gè)控件移動(dòng)到另一個(gè)控件,這個(gè)次序稱(chēng)為"Tab鍵次序"。由于默認的控件Tab鍵次序與添加的控件次序相同,因此我們添加上述控件要先添加一個(gè)"編輯框",然后再添加一個(gè)"旋轉控件"。另外,還需要在旋轉控件的屬性窗口中,將其Alignment(附著(zhù))屬性設為"右對齊 ",將Auto Buddy和Set Buddy Integer屬性均設為T(mén)rue。Alignment(附著(zhù))屬性用來(lái)指定旋轉控件在伙伴窗口的附著(zhù)方式,它有三種方式:"取消附著(zhù)"、"左對齊(Left)"和"右對齊"(Right)。Auto Buddy(自動(dòng)伙伴)屬性為T(mén)rue時(shí),旋轉控件自動(dòng)前一個(gè)Tab鍵順序的控件作為自己的伙伴控件。Set Buddy Integer(設置伙伴窗口中的整數值) 屬性為T(mén)rue時(shí),單擊旋轉控件的向上或向下按鈕將改變伙伴窗口中的整數值。
(3) 為了能預覽顯示效果,我們通過(guò)需要一個(gè)可以繪制圖形的控件。通常使用"靜態(tài)文本",但其Static Edge屬性要設為T(mén)rue或Sunken屬性設為T(mén)rue,這要看起來(lái)有下沉的立體感。當然我們也可以設置其他的外觀(guān)。
(4) 在"取消"按鈕上方有一條水平線(xiàn),這是用圖片控件來(lái)設置的。方法是,添加一個(gè)圖片控件,調整其位置和大小。在其屬性窗口中,將其Type屬性選擇為"水平蝕刻"即可。
(5) 對于控件的ID號,雖然我們可以使用默認的標識符,但為了容易辨別起見(jiàn),我們對在程序中需要操作的控件重新指定其ID號。下表就是本例中需要指定的各個(gè)控件的ID號和Caption屬性。
控 件 ID屬性
"紅色顏色分量"的編輯框 IDC_ EDIT_R
"紅色顏色分量"的旋轉控件 IDC_SPIN_R
"綠色顏色分量"的編輯框 IDC_ EDIT_G
"綠色顏色分量"的旋轉控件 IDC_SPIN_G
"藍色顏色分量"的編輯框 IDC_ EDIT_B
"藍色顏色分量"的旋轉控件 IDC_SPIN_B
靜態(tài)文本 IDC_DRAW
(6) 單擊對話(huà)框編輯器工具欄上的測試按鈕


聯(lián)系客服