Chips (我們暫時(shí)叫他紙片視圖)是一種小塊的用來(lái)呈現(xiàn)復(fù)雜實(shí)體的塊,比如說(shuō)日歷的事件或聯(lián)系人。它可以包含一張圖片,一個(gè)短字符串(必要時(shí)可能被截取的字符串),或者是其它的一些與實(shí)體對(duì)象有關(guān)的簡(jiǎn)潔的信息。Chips 可以非常方便的通過(guò)托拽來(lái)操作。通過(guò)按壓動(dòng)作可以觸發(fā)懸浮卡片(或者是全屏視圖)中的 Chip 對(duì)應(yīng)實(shí)體的視圖,或者是彈出與 Chip 實(shí)體相關(guān)的操作菜單。
聯(lián)系人的紙片視圖用于呈現(xiàn)聯(lián)系人的信息。當(dāng)用戶在輸入框(收件人一欄)中輸入一個(gè)聯(lián)系人的名字時(shí),聯(lián)系人紙片視圖就會(huì)被觸發(fā),用于展示聯(lián)系人的地址以供用戶進(jì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" />
關(guān)閉狀態(tài)的聯(lián)系人紙片視圖
聯(lián)系人名字使用的字體為:Roboto,常規(guī),14sp
打開狀態(tài)的聯(lián)系人紙片視圖
默認(rè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="關(guān)閉狀態(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 校對(duì): huanglizhuo