起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > Android设计规范Material Design-Components(4纸片)

Android设计规范Material Design-Components(4纸片)

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:经验APP设计APP教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 9月7日,中秋节假期开始了,前天下午看到群里在倒计时,借用小伙伴的一句话,就是这个节,搞得跟春节一样~~好紧

9月7日,中秋节假期开始了,前天下午看到群里在倒计时,借用小伙伴的一句话,就是这个节,搞得跟春节一样~~好紧张~~可是我昨天还上班着呢~~转入正题,前天讲了卡片,今天讲纸片,其实卡片的范围更大,运用更广,而纸片则相对要局限点~~但具体是怎么样的区别,大家只有自己对比对比,也方便理解~~话说,不知道小伙伴们注意到没有,咱们网站有一篇文章里面就有Material Design的部分干货素材~~需要的就搬走吧~~

纸片(Chips)

Chips(我们暂时叫他纸片视图)是一种小块的用来呈现复杂实体的块,比如说日历的事件或联系人。它可以包含一张图片,一个短字符串(必要时可能被截取的字符串),或者是其它的一些与实体对象有关的简洁的信息。Chips可以非常方便的通过托拽来操作。通过按压动作可以触发悬浮卡片(或者是全屏视图)中的Chip对应实体的视图,或者是弹出与Chip实体相关的操作菜单。

联系人纸片

联系人的纸片视图用于呈现联系人的信息。当用户在输入框(收件人一栏)中输入一个联系人的名字时,联系人纸片视图就会被触发,用于展示联系人的地址以供用户进行选择。而且联系人的纸片可以被直接添加到收件人一栏中去。

联系人的纸片视图主要用于帮助用户高效的选择正确的收件人。

Android设计规范Material Design-Components(4纸片)_qh.itpxw.cn Android设计规范Material Design-Components(4纸片)_qh.itpxw.cn

关闭状态的联系人纸片视图

  • 联系人名字使用的字体为:Roboto,常规,14sp
  • 当点击关闭状态下的联系人纸片视图,它就会展开并且显示出联系人的地址

打开状态的联系人纸片视图

  • 默认状态下,最顶的联系方式被激活并选中
  • 联系人名字的字体为:Roboto,常规,16sp
  • 地址文本的字体为: Roboto,常规,14sp
  • 当用户选择后,纸片视图被关闭

Android设计规范Material Design-Components(4纸片)_qh.itpxw.cn

Android设计规范Material Design-Components(4纸片)_qh.itpxw.cn

Android设计规范Material Design-Components(4纸片)_qh.itpxw.cn

非常感谢这些辛苦翻译的小伙伴!!

原文: Chips 翻译: Kris 校对: huanglizhuo

 文章转自:http://design.1sters.com/

 =========================关于起航学习网=========================

 qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!

 APP截图站:qh.itpxw.cn  海量APP截图,让你灵感爆发!

转载请注明:起航学习网 » Android设计规范Material Design-Components(4纸片)

文章出自:http://qh.itpxw.cn/peixun/ui/201613753.html

文章标题:Android设计规范Material Design-Components(4纸片)



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------