菜單是用戶在當(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)簽頁(yè)酣藻,與標(biāo)簽相關(guān)聯(lián)的信息可以在獨(dú)立的頁(yè)面上分別展示曹洽。 標(biāo)簽頁(yè)通常出現(xiàn)在屬性窗口中,但實(shí)際上標(biāo)簽頁(yè)可以在任何窗口中使用辽剧。標(biāo)簽頁(yè)控件源于在美國(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)頁(yè)需要引入一些特殊字體,過去這些字體通常使用圖片代替环凿,不僅增加了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)度條)”贪酰可用性測(cè)試表明碘箍,用戶對(duì)于時(shí)長(zhǎng)超過一秒的...
使用列表視圖遵馆,用戶可以使用單選或多選查看數(shù)據(jù)對(duì)象集合并與之交互。 列表視圖比列表框更靈活丰榴,且具有更多功能货邓。和列表框不同,列表視圖支持更改視圖四濒、分組换况、帶標(biāo)題的多列視圖、按列排序...
使用列表框盗蟆,用戶可以從一組始終可見的列表值中進(jìn)行選擇戈二。使用單選列表框,用戶可以從互斥值列表中選擇一個(gè)項(xiàng)目喳资。 使用多選列表框觉吭,用戶可以從值列表中選擇零至多個(gè)項(xiàng)目。 何時(shí)使用該控...
通過鏈接骨饿,用戶可以導(dǎo)航到另一個(gè)頁(yè)面亏栈、窗口或幫助主題,以查看詳情宏赘、啟動(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)行選擇梅尤,但是如果加上組合框,他們也可以輸入列表中沒有的選...