Android 5.0开发之悬浮响应按钮简单制作

Android 5.0开发之悬浮响应按钮简单制作在 Material Design 里按钮分 3 种 悬浮响应按钮 Floating action button 浮动按钮 Raised button 扁平按钮 Flat button 这里先说 FloatingActi 后面简称 FA

大家好,欢迎来到IT知识分享网。

Android 5.0开发之悬浮响应按钮简单制作

在Material Design里按钮分3种:

  • 悬浮响应按钮(Floating action button)
  • 浮动按钮(Raised button)
  • 扁平按钮(Flat button)

这里先说FloatingActionButton(后面简称FAB)吧。

由于Material Design(后面简称MD)设计种加入了z坐标,控件就可以浮起来了,不只是在一个平面上堆砌了。

FAB的设计原则是位于最顶端,而且一个页面里数量只能为1个,只为最通用功能提供最抢眼的显示。色彩鲜艳,颜色单一,圆形。按下有反馈效果,提倡涟漪效果。大小分2种,迷你和普通,直径40dp和56dp。不是所有页面都需要FAB。FAB可以是一组相关操作按钮的集合。建议用FAB做积极的操作,比如新建,收藏,分享等等。位置要放得大方些。不能和别的按钮相互覆盖了。

Android 5.0开发之悬浮响应按钮简单制作

Android 5.0开发之悬浮响应按钮简单制作

Android 5.0开发之悬浮响应按钮简单制作

Android 5.0开发之悬浮响应按钮简单制作

Android 5.0开发之悬浮响应按钮简单制作

Android 5.0开发之悬浮响应按钮简单制作

Android 5.0开发之悬浮响应按钮简单制作

Android 5.0开发之悬浮响应按钮简单制作

Android 5.0开发之悬浮响应按钮简单制作

作为开发者的你是不是已经按捺不住了,赶快和我一起做个最简单的FAB吧。

首先,制作FAB背景btn_bg_ring_add.xml。分成没按和按下2个item,用形状标签里的圆角、实心颜色、空心颜色和宽度勾勒出来。

Android 5.0开发之悬浮响应按钮简单制作

最后,给ImageButton设背景为上面定义的drawable,src里加上加号图标即可。

Android 5.0开发之悬浮响应按钮简单制作

效果如下:

Android 5.0开发之悬浮响应按钮简单制作

按下效果截图不方便,请见谅,自己照着写试试,自己体会下才是王道啊,不能只是看看哈。

如果觉得这篇文章帮助到了你请赞一下或者分享给有需要的人,您的评价是我前进的方向。微信公众账号(manongsuibi),欢迎加关注,内容的话,可能是技术、可能是好东西分享、可能是思想、可能是工作感悟。发文原则:微信公众号首发,今日头条辅助。只是希望把自己的认识传播出去,从而寻找些同频的人,共同学习交流,做码农一个人太孤单。。。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/108479.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信