Chips (我們暫時叫他紙片視圖)是一種小塊的用來呈現(xiàn)復雜實體的塊,比如說日歷的事件或聯(lián)系人。它可以包含一張圖片,一個短字符串(必要時可能被截取的字符串),或者是其它的一些與實體對象有關的簡潔的信息。Chips 可以非常方便的通過托拽來操作。通過按壓動作可以觸發(fā)懸浮卡片(或者是全屏視圖)中的 Chip 對應實體的視圖,或者是彈出與 Chip 實體相關的操作菜單。
聯(lián)系人的紙片視圖用于呈現(xiàn)聯(lián)系人的信息。當用戶在輸入框(收件人一欄)中輸入一個聯(lián)系人的名字時,聯(lián)系人紙片視圖就會被觸發(fā),用于展示聯(lián)系人的地址以供用戶進行選擇。而且聯(lián)系人的紙片可以被直接添加到收件人一欄中去。
聯(lián)系人的紙片視圖主要用于幫助用戶高效的選擇正確的收件人。
http://wiki.jikexueyuan.com/project/material-design/images/components-chips-contactchips-chips_03a_large_mdpi.png" alt="contact chips" />
http://wiki.jikexueyuan.com/project/material-design/images/components-chips-contactchips-chips_03b_large_mdpi.png" alt="contact chips" />
關閉狀態(tài)的聯(lián)系人紙片視圖
聯(lián)系人名字使用的字體為:Roboto,常規(guī),14sp
打開狀態(tài)的聯(lián)系人紙片視圖
默認狀態(tài)下,最頂?shù)穆?lián)系方式被激活并選中
聯(lián)系人名字的字體為:Roboto,常規(guī),16sp
地址文本的字體為: Roboto,常規(guī),14sp
http://wiki.jikexueyuan.com/project/material-design/images/components-chips-contactchips-chips_08_large_mdpi.png" alt="關閉狀態(tài)的聯(lián)系人紙片視圖" />
http://wiki.jikexueyuan.com/project/material-design/images/components-chips-contactchips-chips_11_large_mdpi.png" alt="打開狀態(tài)的聯(lián)系人紙片視圖" />
http://wiki.jikexueyuan.com/project/material-design/images/components-chips-contactchips-chips_06_large_mdpi.png" alt="打開狀態(tài)的聯(lián)系人紙片視圖各種狀態(tài)" />
原文: Chips 翻譯: Kris 校對: huanglizhuo