前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Material Design —Chips

Material Design —Chips

作者头像
霖酱
发布2018-05-17 11:03:06
1K0
发布2018-05-17 11:03:06
举报
文章被收录于专栏:Material Design组件

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.05.01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Chips
    • 用法
      • 行为
        • 联系人Chips
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档