菜單是用戶在當(dāng)前上下文中可選擇的命令或選項(xiàng)的豎向列表集合。下拉菜單在鼠標(biāo)點(diǎn)擊或hover過相關(guān)命令時(shí)會(huì)展示出來。他們通常呈收起狀,是一種節(jié)約屏幕空間的有效方法。子菜單或級(jí)聯(lián)菜...
菜單是用戶在當(dāng)前上下文中可選擇的命令或選項(xiàng)的豎向列表集合。下拉菜單在鼠標(biāo)點(diǎn)擊或hover過相關(guān)命令時(shí)會(huì)展示出來。他們通常呈收起狀,是一種節(jié)約屏幕空間的有效方法。子菜單或級(jí)聯(lián)菜...
在樹狀圖下,用戶可選擇使用單選或多選,和按豎向等級(jí)排列的對(duì)象集進(jìn)行瀏覽和交互。在樹狀圖中,包含數(shù)據(jù)的對(duì)象稱為葉節(jié)點(diǎn),包含其他對(duì)象的對(duì)象稱為容器節(jié)點(diǎn)。最頂端的單個(gè)容器節(jié)點(diǎn)稱為根...
工具提示是一個(gè)用于指示沒有文字標(biāo)簽控件的彈出窗口,如未標(biāo)記的工具欄控件或命令按鈕等。 實(shí)踐中工具提示非常有價(jià)值,因此引申出了一種與之類似的信息提示控件,它比工具提示包含更多的...
使用文本框,用戶可以展示、輸入或編輯文字和數(shù)字。 何時(shí)使用該控件 思考以下問題: 是否很容易窮舉出所有有效值?如果是這樣,考慮使用單選列表、列表視圖、下拉列表、可編輯下拉列表...
使用標(biāo)簽頁,與標(biāo)簽相關(guān)聯(lián)的信息可以在獨(dú)立的頁面上分別展示。 標(biāo)簽頁通常出現(xiàn)在屬性窗口中,但實(shí)際上標(biāo)簽頁可以在任何窗口中使用。標(biāo)簽頁控件源于在美國(guó)常見的文件柜中整理信息的帶標(biāo)簽...
狀態(tài)欄是主窗口底部的一個(gè)區(qū)域,它顯示有關(guān)當(dāng)前窗口狀態(tài)(例如正在被查看的對(duì)象以及方式)、后臺(tái)任務(wù)(例如打印、掃描和格式化)或其他上下文信息(例如選擇和鍵盤狀態(tài))等。狀態(tài)欄通常使...
相信很多做前端的都會(huì)遇到這一類問題,當(dāng)前網(wǎng)頁需要引入一些特殊字體,過去這些字體通常使用圖片代替,不僅增加了request請(qǐng)求,交互起來也不方便。 CSS3 @font-fac...
我和你一樣的情況??你有解決嗎?
前端學(xué)習(xí)的踩坑記錄--font-spider(字蛛)先附上官方鏈接:字蛛 github:font-spider 關(guān)于font-spider的官方說明 字蛛是一個(gè)中文字體壓縮器 具體意思就是可以自由的使用你所需要的字體,他能自動(dòng)...
先附上官方鏈接:字蛛 github:font-spider 關(guān)于font-spider的官方說明 字蛛是一個(gè)中文字體壓縮器 具體意思就是可以自由的使用你所需要的字體,他能自動(dòng)...
通過上下(旋轉(zhuǎn))控件,用戶可以單擊箭頭按鈕,漸進(jìn)地更改其關(guān)聯(lián)的數(shù)字文本框中的值。上下(旋轉(zhuǎn))框(spin box)指的是一個(gè)文本框及其相關(guān)的旋轉(zhuǎn)三角符號(hào)控件的組合。 用戶通常...
用戶使用滑動(dòng)條在一系列連續(xù)值中進(jìn)行選擇?;瑒?dòng)條包含一個(gè)表示范圍的數(shù)值欄、一個(gè)指示當(dāng)前值的指針,以及一個(gè)可選的刻度標(biāo)記。 何時(shí)使用該控件 如果希望用戶能夠設(shè)置確定的連續(xù)值(如音...
使用“搜索”框,用戶可以通過篩選或突出顯示匹配項(xiàng),在大量數(shù)據(jù)集中快速定位特定對(duì)象或文本。沒有標(biāo)準(zhǔn)的搜索控件,但應(yīng)盡量使程序的搜索功能與Windows的一致。以下是兩種典型的搜...
使用單選按鈕,用戶可以在一組互斥的相關(guān)選項(xiàng)中進(jìn)行選擇。用戶只能選擇一個(gè)選項(xiàng)。單選按鈕之所以叫做radio button,是因?yàn)樗鼈兊墓δ茴愃朴谑找魴C(jī)上的頻道設(shè)置按鈕。 一組單...
使用漸進(jìn)式展示控件,用戶可以控制顯示或隱藏包括數(shù)據(jù)、選項(xiàng)或命令等附加信息。通過聚焦于基本信息,只在需要時(shí)展示附加的細(xì)節(jié),漸進(jìn)式展示控件提升了界面的簡(jiǎn)明性。 何時(shí)使用該控件 思...
使用進(jìn)度條,用戶可以了解一段冗長(zhǎng)操作的具體進(jìn)度。進(jìn)度條可以顯示完成的近似百分比(確定進(jìn)度條) ,也可以顯示操作正在進(jìn)行(非確定進(jìn)度條)??捎眯詼y(cè)試表明,用戶對(duì)于時(shí)長(zhǎng)超過一秒的...
使用列表視圖,用戶可以使用單選或多選查看數(shù)據(jù)對(duì)象集合并與之交互。 列表視圖比列表框更靈活,且具有更多功能。和列表框不同,列表視圖支持更改視圖、分組、帶標(biāo)題的多列視圖、按列排序...
使用列表框,用戶可以從一組始終可見的列表值中進(jìn)行選擇。使用單選列表框,用戶可以從互斥值列表中選擇一個(gè)項(xiàng)目。 使用多選列表框,用戶可以從值列表中選擇零至多個(gè)項(xiàng)目。 何時(shí)使用該控...
通過鏈接,用戶可以導(dǎo)航到另一個(gè)頁面、窗口或幫助主題,以查看詳情、啟動(dòng)命令或選擇選項(xiàng)。鏈接是有點(diǎn)擊示能的文本或圖形,通常使用已訪問/未訪問的鏈接系統(tǒng)顏色來展示和區(qū)分可點(diǎn)擊性。傳...
分組框是圍繞在一組相關(guān)控件外、帶標(biāo)簽的矩形框。 分組框是一種可視化控件關(guān)系的方式; 除了可能為一組控件提供存取鍵之外,它不提供任何具體功能。 何時(shí)使用該控件? 雖然分組框是一...
使用下拉列表或組合框,用戶可以在列表中選擇互斥的值。 用戶只能選擇其中一個(gè)選項(xiàng)。使用標(biāo)準(zhǔn)的下拉列表,用戶只能在列表中進(jìn)行選擇,但是如果加上組合框,他們也可以輸入列表中沒有的選...