Material Design —Chips
2018-05-01 本文已影响84人
霖酱
自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚
Chips
Material Design链接：Chips
Chips
Chips是一种小块的用来呈现复杂实体的块，如联系人。
Chips可能包含照片，文字，规则，icon或联系人等实体。
联系人Chips可以以紧凑的方式呈现联系人信息。
行为
·选择一个Chips将打开完整的详细视图。
·带有删除icon的Chips可以被删除。
用法
Chips可能包含一张照片，简短标题和简要信息。
Chips类型
Chips可用于各种类型的实体，包括自由格式文本，预定义文本，规则或联系人。 Chips也可能包含图标。
左：带文本的Chips 右：带文本和icon的Chips
行为
打开Chips
触摸Chips可以打开完整的详细视图（无论是卡片还是全屏幕形式）或者是打开与该Chip相关的选项菜单。
删除Chips
Chips可以是可删除的或不可删除的。 如果Chips可删除，则显示删除图标。
可删除Chips
联系人Chips
用户可以使用联系人Chips以紧凑的方式呈现用户拥有的联系人信息。 当用户开始输入联系人姓名，查看联系人的地址并选择正确的联系人时，Chips被调用并插入到文本字段（通常是“To”字段）。 联系人Chips可以直接从联系人菜单添加到文本字段。
联系人Chips能让用户有效地确认将消息发送给正确的人。
左：用户可确认接受者名字 右：用户可以选择联系人Chips上的收件地址
联系人Chips的四种状态：Normal, Focused, Pressed, 和 Activated
