分享下我项目中用到的几种Button的效果,说实话,还真挺好看的
一.标准圆角
效果是这样的
![8e1a990ff81bb2fc6f0ae5bb09cb5b40.png](https://i-blog.csdnimg.cn/blog_migrate/ae77988d0784669c0017aabeb5bf0a55.jpeg)
他的实现很简单,我们只需要两个参数,一个圆角的大小,一个颜色
standard_button_bg.xml
<?xml version="1.0" encoding="utf-8"?>
二.下划线
下划线出现的地方就事一些任务选中上,比如TabLayout就有,效果如下
![16de3e7ca4e49fd07d3db7b496867ead.png](https://i-blog.csdnimg.cn/blog_migrate/f7ef5a6778209430c66316d7206dcb0b.jpeg)
这个实现使用图层来做的
underline_button_bg
<?xml version="1.0" encoding="utf-8"?>
两个图层,一个就一根线,一个是全背景就形成了
三.边框包裹
这个效果个人觉得用的很多,因为很好看,如下
![f528bc889c726e869e58ea8e2b09e496.png](https://i-blog.csdnimg.cn/blog_migrate/9d4387c51f983c2d77b6234f17bf50d7.jpeg)
他的实现非常简单,和我们标准的圆角有点类似
parcel_button_bg
<?xml version="1.0" encoding="utf-8"?>
只要注意下width的值就好了
四.点击效果
点击效果算是百搭了,这里注意他的思想,你只有了解了他的原理,你就可以把他运用在任何一个button上了,看效果
![33ca128c17b5551e106b451d82a95e84.gif](https://i-blog.csdnimg.cn/blog_migrate/3522ed92e7a341d0b125d86cf50e52ae.gif)
onclick_button_bg
<?xml version="1.0" encoding="utf-8"?>
他的实现很好理解,两个item的选中值相反,其他的,就是标准的shape圆角了
这里只是简单的概括,实际上你掌握了这四个,其他按钮的效果多多少少是能实现出来的,别担心,直接干
有兴趣的可以加入我的骚包群:417046685
Sample:http://download.csdn.net/detail/qq_26787115/9683049