如何:版面配置控制件(C++)
對話框 編輯器 提供自動對齊和調整控制元件大小的版面配置工具。 對於大部分的工作,您可以使用 [對話框編輯器] 工具列。 [格式] 選單上也提供所有對話框編輯器工具列命令,而且大部分都有快捷鍵。
只有在選取多個控件時,才能使用對話框的許多版面配置命令。 您可以選取單一控件或多個控件,而且選取多個控件時,您選取的第一個控件預設為主要控制件。
目前控制元件的位置、高度和寬度會顯示在狀態列右下角。 選取整個對話框時,狀態列會顯示對話框整體的位置,以及其高度和寬度。
排列控制項
您可以使用對話框編輯器,以三種不同的狀態之一排列對話框上的控制項:
開啟參考線和邊界時,將設為預設值。
開啟版面配置方格。
沒有任何貼齊或對齊功能。
對話框 編輯器工具列 包含控制狀態的按鈕。
- 若要變更狀態,請選取適當的圖示,或移至功能表 [格式化>指南設定]。
[ 指南設定 ] 對話框具有下列屬性:
屬性 | 說明 |
---|---|
版面配置指南 | 顯示版面配置指南的設定。 |
None | 隱藏版面配置工具。 |
尺規和指南 | 啟用時,將尺規新增至版面配置工具,並允許將參考線放在尺規中。 默認參考線是邊界。 |
Grid | 建立版面配置網格線。 新的控件會自動對齊網格線。 |
網格線間距 | 顯示對話框單位 (DLU) 方格間距的設定。 |
寬度:DLL | 設定 DLL 中版面配置網格線的寬度。 水準 DLU 是對話框字型的平均寬度除以 4。 |
高度:DLL | 設定 DLL 中版面配置網格線的高度。 垂直 DLU 是對話框字型的平均高度除以 8。 |
參考線和邊界
無論您是移動控件、新增控件或重新排列目前的版面配置,參考線和邊界都有助於在對話框中正確對齊控件。
當您建立對話框時,會提供四個稱為邊界的修改參考線,並顯示為藍色虛線。
若要移動邊界,請將邊界拖曳至新位置。
若要讓邊界消失,請將邊界移至零位置。
若要帶回邊界,請將指標放在邊界的零位置上,並將邊界移至位置。
參考線會在編輯器中顯示的對話框上顯示為藍色虛線,以及頂端和對話框編輯器左側尺規的對應箭號。 當控件移動時,控件的大小控點貼齊參考線,如果先前沒有控件貼齊至指南,則參考線貼齊控件。 移動指南時,也會將其貼齊的控件移動。 當其中一個參考線移動時,會調整貼齊到多個參考線的控件大小。
若要在尺規內建立指南,請選取一次以建立指南,或按兩下以啟動 [指南設定 ] 對話框,您可以在其中指定指南設定。
若要在對話框上設定指南,請選取該指南並將其拖曳至新位置,或選取尺規中的箭號以拖曳相關聯的指南。
參考線的座標會顯示在視窗底部的狀態列和尺規中,或將指標移至尺規箭號上方,以顯示指南的確切位置。
若要刪除指南,請將指南從對話框中拖曳出來,或將對應的箭號從尺規上拖曳出來。
尺規中的刻度標記,決定參考線和控件的間距是由對話框單位 (DLU) 所定義。 DLU 是以對話框字型的大小為基礎,通常是 8 點 MS Shell Dlg。 水準 DLU 是對話框字型的平均寬度除以四。 垂直 DLU 是字型的平均高度除以 8。
- 若要變更刻度標記的間隔,請移至功能表 [格式化>指南設定],然後在 [網格線間距] 字段中,在 DLL 中指定新的寬度和高度。
版面配置網格線
當您在對話框中放置或排列控件時,請使用版面配置方格進行更精確的定位。 當網格線開啟時,控件會像磁化一樣貼齊網格線的虛線。
若要開啟或關閉版面配置方格,請移至功能表 [格式化>指南設定],然後選取或清除 [網格線] 按鈕。
您仍然可以使用 [對話框編輯器] 工具列上的 [切換方格] 按鈕,控制個別對話框編輯器視窗中的方格。
若要變更版面配置網格線的大小,請移至 [格式化>指南設定] 功能表,然後在方格中輸入 DLL 的高度和寬度。 最小高度或寬度為 4。
停用指南
您可以搭配滑鼠使用特殊按鍵來停用參考線的貼齊效果。 使用Alt鍵會停用所選指南的貼齊效果。 使用 Shift 鍵移動指南可防止貼齊的控件與指南一起移動。
若要停用參考線的貼齊效果,請在按住 Alt 鍵時拖曳控件。
若要移動參考線而不移動已貼齊的控件,請在按住 Shift 鍵時拖曳指南。
若要關閉指南,請移至功能表 [格式化>指南設定]。 然後,在 [版面配置指南] 底下,選取 [無]。
提示
您也可以在 [格式>切換指南] 選單中使用快捷方式。
選取控件
選取控件以調整控件的大小、對齊、移動、複製或刪除控件,然後完成所需的作業。 在大部分情況下,您必須選取多個控件,才能使用對話框編輯器工具列上的重設大小和對齊工具。
選取控件時,其周圍有一個陰影框線,其周圍有實心(使用中)或空心(非作用中)重設大小控點,小方塊會出現在選取框線中。 選取多個控件時,主要控件具有實心重設大小控點,而所有其他選取的控件都有空心重設大小控點。
若要選取控件,請在 [工具箱] 視窗中選取 [指標 ] 工具,並使用下列步驟進行選取:
拖曳指標以在您想要在對話框中選取的控件周圍繪製選取方塊。 當您放開滑鼠按鈕時,會選取選取方塊內和交集的所有控件。
按住 Shift 鍵,然後選取您想要包含在選取範圍中的控制件。
按住 Ctrl 鍵,然後選取您想要包含在選取範圍中的控制件。
若要從選取的控件群組新增或移除控件,請按住 Shift 鍵,然後選取您想要新增或移除的控件。
主要控制件
當您調整或對齊多個控件時, 對話框編輯器 會使用主要控件來決定其他控件的大小或對齊方式。 根據預設,主要控件是選取的第一個控件。
若要指定主要控件,請按住 Ctrl 鍵,然後選取您想要用來影響其他控制件大小或位置的控制項。 按住 Ctrl 鍵並選取選取範圍內的控件,也會讓該控件成為該選取範圍中佔主導地位的控件。
若要變更主要控件,請先選取所有目前選取的控件,然後重複上述程式,然後先選取不同的控件,以清除目前的選取範圍。
注意
主控件的大小控點是穩固的,而次級控件的控點則是空心的。 所有進一步重設大小或對齊方式都是以主要控件為基礎。
大小控制件
使用重設大小控點調整控件的大小。 當指標位於重設大小控點上時,它會變更圖形,以指出控件可重設大小的方向。 作用中重設大小控點是實心的,如果重設大小控點是空心的,控件就無法沿著該軸重設大小。
若要調整控件的大小,請選取控件,並拖曳重設大小控點以變更大小。
頂端的大小控點和側邊會變更水準或垂直大小。
邊角的大小控點會同時變更水準和垂直大小。
提示
您可以按住 Shift 鍵並使用 向右 鍵和 向下 鍵,一次調整控件的大小一個對話框單位(DLU)。
若要自動調整控件的大小以符合其內的文字,請移至功能表 [格式 ] 或以滑鼠右鍵按兩下控制件,然後選擇 [ 大小為內容]。
若要讓控件的大小相同,請選取您要重設大小的控件,然後移至 [設定相同大小格式>] 功能表,然後選擇 [兩者]、[高度] 或 [寬度]。
您可以根據主要控件的大小調整控件群組的大小,這是數列中第一個選取的控件。 群組中控件的最終大小取決於主要控制件的大小。
若要使用參考線調整控件群組的大小,請將控件(或控件)的一側貼齊至指南,然後將指南拖曳至控件的另一端(或控件)。 現在您可以移動任一指南來調整控件的大小(或控件)。
如果需要使用多個控件,請調整每個控件的大小以貼齊至第二個指南。
其他控制件
當您將下拉式方塊新增至對話框時,您可以調整其大小。 您也可以指定下拉式清單框的大小。 如需詳細資訊,請參閱 將值加入下拉式方塊控件。
選取下拉式方塊右邊的下拉式箭號按鈕。
控件的大綱會變更,以顯示下拉式清單區域延伸的下拉式方塊大小。
使用較低的重設大小控點來變更下拉式清單區域的初始大小。
再次選取下拉式箭號,以關閉下拉式方塊的下拉式清單部分。
注意
當您使用 MFC 將具有水平滾動條的清單框新增至對話框時,滾動條不會自動出現在您的應用程式中。
在程式代碼中呼叫 CListBox::SetHorizontalExtent ,以設定最寬元素的最大寬度。 如果沒有設定這個值,即使清單框中的專案比方塊更寬,滾動條也不會出現。
對齊控制項
若要對齊控件,請選取您想要對齊的控件。 移至功能表 [格式>對齊 ],然後選擇下列其中一個對齊方式:
對齊方式 描述 左轉 將選取的控件對齊其左側。 中心 將選取的控件水準對齊其中心點。 權限 沿著其右側對齊選取的控件。 上衣 沿著其上邊緣對齊選取的控件。 中間 將選取的控件垂直對齊其中間點。 底部 沿著其下邊緣對齊選取的控件。 在執行對齊或重設大小命令之前,請務必先選取您要佔主導地位的控件,或將它設定為佔主導地位的控件,因為控件群組的最終位置取決於佔位控件的位置。
若要平均間距控件,請選取您想要重新排列的控件。 移至功能表 [平均格式>空間],然後選擇下列其中一個間距對齊方式:
間隔 描述 橫 在最左邊和最右邊的控件之間平均間距控制。 向下 最上層和最下層控件之間平均空間控制件。 若要置中控件,請選取您要重新排列的控件或控件。 移至 [在對話框中格式化中心]>功能表,然後選擇下列其中一種排列方式:
安排 描述 垂直 在對話框中垂直置中控制件。 水平 在對話框中水準置中控制件。 若要對齊按鈕,請選取一或多個按鈕。 移至 [格式化排列按鈕]>選單,然後選擇下列其中一種排列方式:
安排 描述 Right 對齊對話框右邊緣的按鈕。 下方 沿著對話框的下邊緣對齊按鈕。 如果您選取按鈕以外的控件,則其位置不會受到影響。
需求
Win32