欢迎大家来到IT世界,在知识的湖畔探索吧!
在Material Design里按钮分3种:
-
悬浮响应按钮(Floating action button)
-
浮动按钮(Raised button)
-
扁平按钮(Flat button)
这里先说FloatingActionButton(后面简称FAB)吧。
由于Material Design(后面简称MD)设计种加入了z坐标,控件就可以浮起来了,不只是在一个平面上堆砌了。
FAB的设计原则是位于最顶端,而且一个页面里数量只能为1个,只为最通用功能提供最抢眼的显示。色彩鲜艳,颜色单一,圆形。按下有反馈效果,提倡涟漪效果。大小分2种,迷你和普通,直径40dp和56dp。不是所有页面都需要FAB。FAB可以是一组相关操作按钮的集合。建议用FAB做积极的操作,比如新建,收藏,分享等等。位置要放得大方些。不能和别的按钮相互覆盖了。
作为开发者的你是不是已经按捺不住了,赶快和我一起做个最简单的FAB吧。
首先,制作FAB背景btn_bg_ring_add.xml。分成没按和按下2个item,用形状标签里的圆角、实心颜色、空心颜色和宽度勾勒出来。
最后,给ImageButton设背景为上面定义的drawable,src里加上加号图标即可。
效果如下:
按下效果截图不方便,请见谅,自己照着写试试,自己体会下才是王道啊,不能只是看看哈。
如果觉得这篇文章帮助到了你请赞一下或者分享给有需要的人,您的评价是我前进的方向。微信公众账号(manongsuibi),欢迎加关注,内容的话,可能是技术、可能是好东西分享、可能是思想、可能是工作感悟。发文原则:微信公众号首发,今日头条辅助。只是希望把自己的认识传播出去,从而寻找些同频的人,共同学习交流,做码农一个人太孤单。。。
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/17997.html