分組框是圍繞在一組相關(guān)控件外澜薄、帶標簽的矩形框拣挪。 分組框是一種可視化控件關(guān)系的方式; 除了可能為一組控件提供存取鍵之外咕晋,它不提供任何具體功能。
何時使用該控件纽门?
雖然分組框是一種增強元素關(guān)聯(lián)的強有力視覺手段,但過度使用它們會增加視覺混亂,并大大減少可用空間。 它們在視覺上很重悔叽,只有在沒有更好的解決方案的情況下才應(yīng)該有節(jié)制地使用。
Windows 的設(shè)計趨勢是通過消除不必要的線條使外觀更簡單爵嗅、更干凈娇澎。
要決定是否需要一個分組框,請考慮以下問題:
-
組中是否包含多于一個的控件睹晒?如果不是趟庄,只使用一個單獨的文字標簽就可以了。有一種比較少見的例外情況伪很,為了和同一界面上其他帶有分組框的元素保持外觀一致戚啥,一個單獨的控件也可以帶有分組框。
這些控件有關(guān)聯(lián)性嗎锉试? 展示這種關(guān)聯(lián)性是否增加了表意的清晰度猫十? 如果沒有,則在分組框外單獨顯示控件键痛。
-
界面上所有的控件都在組內(nèi)嗎炫彩? 如果是,請在較高層展示界面(如父對話框或頁面)上說明背景信息絮短。
-
僅使用恰當(dāng)?shù)脑夭季肿蛞洌梢杂行У乇磉_清楚控件邏輯關(guān)系嗎丁频? 如果是這樣的話,使用布局代替分組框邑贴。 您可以將相關(guān)控件相鄰放置席里,并在不相關(guān)的控件之間增加額外的間距。 您還可以使用標題和縮進來顯示層次關(guān)系拢驾。
-
使用分隔線,能有效表達控件元素間的關(guān)系嗎繁疤?如果可以咖为,就使用分隔線替代分組框。分隔線是一條水平線稠腊,可以將其下方的控件歸為統(tǒng)一躁染。 分隔線的外觀更簡單、更干凈架忌。 與分組框不同吞彤,分隔線的最佳使用效果應(yīng)該是橫跨貫穿整個承載界面。
沒有文字,你能有效地表示控件之間的關(guān)系嗎饰恕? 如果可以的話挠羔,考慮使用圖形元素,如背景色或聚合器(aggregators)埋嵌?破加。
設(shè)計原則
-
不要嵌套分組框。在一個組合框中莉恼,利用布局來展示控件關(guān)系拌喉。
-
不要在分組框標簽中放置控件
(特例:如果分組框中的所有控件都被該復(fù)選框啟用或禁用尿背,則可以將復(fù)選框用作分組框標簽。)
不要禁用分組框吱七。 若要表示一組控件當(dāng)前不應(yīng)用汽久,請禁用分組框中的所有控件,但不禁用分組框本身踊餐。 這種方法更容易訪問景醇,并且所有 UI 框架都可以很好地支持。
標簽文字
所有分組框都應(yīng)該配有標簽文字吝岭。
不要為標簽分配存取鍵三痰。 這樣做是不必要的,并使其他存取鍵更難分配窜管。 可以將存取鍵分配給組框中的控件散劫。
(特例: 如果一個界面有太多控件,那么可能沒有足夠的存取鍵可分配使用幕帆。 這種情況下获搏,可以通過將存取鍵分配給分組框而不是分組框中的控件來減少存取鍵的數(shù)量。)使用句式大小寫規(guī)則失乾。
用名詞或名詞短語常熙、而不是句子形式寫標簽,不要使用結(jié)尾標點符號仗扬,包括冒號症概。
對同一界面內(nèi)的分組框標簽使用相同句式結(jié)構(gòu)。
保持分組框標簽簡潔早芭。 不要使用說明文字作為標簽彼城。 但是,您可以在分組框中包含說明文本。
不要在組內(nèi)控件標簽中重復(fù)分組框標簽文字募壕。 例如调炬,如果分組框標簽為“對齊” ,則將選項按鈕文字設(shè)置為“左”舱馅、“右”等缰泡,而不是“左對齊”或“右對齊”。
不要在用戶界面文本中引用組框代嗤?棘钞。
說明
僅在程序員和其他技術(shù)文檔中引用分組框的名稱。 對于分組框group box干毅,使用兩個小寫字母宜猜。
除非對話框包含多個具有相同名稱的選項,否則沒有必要在進程中包含分組框的名稱硝逢。 在這種情況下姨拥,將“下方”字樣與分組框名一起使用。
如果可能渠鸽,使用粗體文本格式化標簽叫乌。 否則,只有在需要時才將標簽加上引號徽缚,以防混淆憨奸。
示例: 在效果下方,選擇隱藏選項凿试。