鍍金池/ 教程/ Android/ 內(nèi)容選取
Snackbars 與 Toasts
選擇器
網(wǎng)格
紙片
色彩
手勢(shì)
內(nèi)容選取
準(zhǔn)則
導(dǎo)航過(guò)渡
進(jìn)度和動(dòng)態(tài)
概述
數(shù)據(jù)格式
搜索(Search)
Roboto 字體
副標(biāo)題
Material 屬性
書(shū)寫(xiě)
空狀態(tài)
按鈕
提示框(Dialogs)
開(kāi)關(guān)
導(dǎo)航
單位和度量
列表
度量與邊框
真實(shí)的動(dòng)作
改進(jìn)的操作
底部動(dòng)作條
加載圖片
卡片
工具提示(Tooltips)
菜單
設(shè)備
可達(dá)性
分隔線(Dividers)
高度和陰影
環(huán)境
抽屜式導(dǎo)航
響應(yīng)式交互
Tabs
圖標(biāo)
滾動(dòng)時(shí)的技巧
更新記錄
錯(cuò)誤
影像處理
設(shè)置
滑塊控件(Sliders)
列表控制
圖像
文本框
布局模板
雙向性
選擇控制器
調(diào)色板
自適應(yīng) UI
貼片集
數(shù)據(jù)表
滑動(dòng)刷新
啟動(dòng)屏幕
按鈕:浮動(dòng)操作按鈕
打動(dòng)用戶的細(xì)節(jié)
應(yīng)用結(jié)構(gòu)
有意義的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
字體排版(Typography)
結(jié)構(gòu)

內(nèi)容選取

項(xiàng)目選取

雖然強(qiáng)烈建議對(duì)列表和網(wǎng)格容器支持多項(xiàng)選擇功能,但在下列情況時(shí)這并不是必須的:

  • 唯一的操作僅僅是針對(duì)單個(gè)選項(xiàng)(例如電話號(hào)碼列表中,撥號(hào)就是唯一的操作,且只針對(duì)一個(gè)號(hào)碼)
  • 在執(zhí)行環(huán)境中很明顯的表現(xiàn)為單項(xiàng)操作(例如在 Android 的主屏上移動(dòng)圖標(biāo))

在初始化選擇時(shí),可以通過(guò)拖拽手勢(shì)來(lái)選擇多個(gè)項(xiàng)目,從而代替長(zhǎng)按和雙指點(diǎn)擊。在拖拽起止點(diǎn)間的項(xiàng)目也會(huì)被選中。在桌面系統(tǒng)中,一個(gè)始發(fā)與所有項(xiàng)目邊界之外的拖動(dòng)也經(jīng)常被用來(lái)初始化多選(例如,從一個(gè)列表的左邊開(kāi)始拖動(dòng),向下延伸到右邊以從列表中選擇項(xiàng)目)。

初始化選擇完成后,可以通過(guò)以下方式進(jìn)行修改:

  • 點(diǎn)擊未選中項(xiàng)加入選擇或者點(diǎn)擊已選中項(xiàng)來(lái)取消選擇
  • Shift + 點(diǎn)擊項(xiàng)目來(lái)將其和中間的項(xiàng)目加入已選項(xiàng)

文本選取

文本選取表現(xiàn)為高亮所選文字范圍。

在移動(dòng)平臺(tái)上,所選文本的前后兩端各會(huì)添加一個(gè)選擇操作鈕。對(duì)于文字相關(guān)操作的彈出菜單,所選文本的上方是理想的位置(但最好不要重疊)。

http://wiki.jikexueyuan.com/project/material-design/images/patterns-selection-selection-textfields_select_03a_large_mdpi.png" alt="" /> http://wiki.jikexueyuan.com/project/material-design/images/patterns-selection-selection-textfields_select_03b_large_mdpi.png" alt="" />
文本選擇操作鈕

http://wiki.jikexueyuan.com/project/material-design/images/patterns-selection-selection-textfields_select_06_large_mdpi.png" alt="" />
文本選擇-明亮主題

http://wiki.jikexueyuan.com/project/material-design/images/patterns-selection-selection-textfields_select_08_large_mdpi.png" alt="" />
文本選擇-深邃主題

包含“剪切”、“復(fù)制”、“粘貼”和“更多”操作的彈出菜單顯示在所選區(qū)域的上方。當(dāng)用戶選擇“更多”按鈕時(shí),彈出菜單先收縮到“更多”圖標(biāo),然后以該圖標(biāo)為中心展開(kāi)更多菜單項(xiàng)。文本選擇菜單的字體用 Roboto Medium 14 sp,一律大寫(xiě)。

http://wiki.jikexueyuan.com/project/material-design/images/patterns-selection-selection-textfields_select_11a_large_mdpi.png" alt="" /> http://wiki.jikexueyuan.com/project/material-design/images/patterns-selection-selection-textfields_select_11b_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/patterns-selection-selection-textfields_select_11c_large_mdpi.png" alt="" /> http://wiki.jikexueyuan.com/project/material-design/images/patterns-selection-selection-textfields_select_11d_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/patterns-selection-selection-textfields_select_12_large_mdpi.png" alt="" />

因?yàn)檫x擇必須是連續(xù)的文本塊,所以文本選擇事實(shí)上是單選操作。不過(guò)選區(qū)可以通過(guò)以下幾種用戶行為改變:

  • 初始化選擇的過(guò)程中拖動(dòng)來(lái)增加選區(qū)
  • 拖動(dòng)選區(qū)兩端的選擇操作鈕來(lái)增加或者減少選區(qū)
  • 在選區(qū)內(nèi)多次點(diǎn)擊來(lái)增加選區(qū)(單詞 > 段落 > 全文)
  • 鍵盤快捷鍵:
    • Shift + 左/右方向鍵 => 逐字符的更改選區(qū)
    • Shift + 上/下方向鍵 => 逐行的更改選區(qū)
    • Ctrl/Command + A => 全選

原文:Selection 翻譯:lhyqy5 校對(duì):PoppinLp

上一篇:更新記錄下一篇:影像處理