紙片(Chips)

Chips(我們暫時叫他紙片視圖)是一種小塊的用來呈現復雜實體的塊,比如說日歷的事件或聯系人。它可以包含一張圖片,一個短字符串(必要時可能被截取的字符串),或者是其它的一些與實體對象有關的簡潔的信息。Chips可以非常方便的通過托拽來操作。通過按壓動作可以觸發懸浮卡片(或者是全屏視圖)中的Chip對應實體的視圖,或者是彈出與Chip實體相關的操作菜單。

聯系人紙片

聯系人的紙片視圖用于呈現聯系人的信息。當用戶在輸入框(收件人一欄)中輸入一個聯系人的名字時,聯系人紙片視圖就會被觸發,用于展示聯系人的地址以供用戶進行選擇。而且聯系人的紙片可以被直接添加到收件人一欄中去。

聯系人的紙片視圖主要用于幫助用戶高效的選擇正確的收件人。

contact chips contact chips

關閉狀態的聯系人紙片視圖

  • 聯系人名字使用的字體為:Roboto,常規,14sp

  • 當點擊關閉狀態下的聯系人紙片視圖,它就會展開并且顯示出聯系人的地址

打開狀態的聯系人紙片視圖

  • 默認狀態下,最頂的聯系方式被激活并選中

  • 聯系人名字的字體為:Roboto,常規,16sp

  • 地址文本的字體為: Roboto,常規,14sp

  • 當用戶選擇后,紙片視圖被關閉

關閉狀態的聯系人紙片視圖

打開狀態的聯系人紙片視圖

打開狀態的聯系人紙片視圖各種狀態

原文: Chips 翻譯: Kris 校對: huanglizhuo