Material Design —Chips

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容