使用<shap>为Button加上阴影效果
2015-08-03 17:10
225 查看
转载请注明出处:http://blog.csdn.net/guxiao1201/article/details/40791077
之前做项目时会遇到需要实现带阴影效果的Button,为了不太起眼的阴影还要切至少两张图以满足多态效果。后来发现原来Android自带的标签就能实现这个效果,真有种相见恨晚的感觉。
效果图
阴影效果原理图
实际上创建了两层图层,分别是表层和阴影,只不过表层覆盖阴影层并有个距离差,所以在视觉效果上就会出现阴影效果
最终效果代码:
[html] view plaincopy
然后再使用加上多态就是我们最终实现的效果。
[html] view plaincopy
之前做项目时会遇到需要实现带阴影效果的Button,为了不太起眼的阴影还要切至少两张图以满足多态效果。后来发现原来Android自带的标签就能实现这个效果,真有种相见恨晚的感觉。
效果图
阴影效果原理图
实际上创建了两层图层,分别是表层和阴影,只不过表层覆盖阴影层并有个距离差,所以在视觉效果上就会出现阴影效果
最终效果代码:
[html] view plaincopy
<item> <layer-list> <item android:left="4dip" android:top="4.0dip"> <shape> <solid android:color="#66000000"/> <corners android:radius="5.0dip"/> </shape> </item> <item android:bottom="4.0dip" android:right="4.0dip"> <shape> <solid android:color="#669dd3"/> <corners android:radius="5.0dip"/> </shape> </item> </layer-list> </item>
然后再使用加上多态就是我们最终实现的效果。
[html] view plaincopy
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="true"> <layer-list> <item android:left="4.0dip" android:top="4.0dip"> <shape> <solid android:color="#0069a6"/> <corners android:radius="5.0dip"/> </shape> </item> </layer-list> </item> <item android:state_pressed="true"> <layer-list> <item android:left="4.0dip" android:top="4.0dip"> <shape> <solid android:color="#0069a6"/> <corners android:radius="5.0dip"/> </shape> </item> </layer-list> </item> <item> <layer-list> <item android:left="4dip" android:top="4.0dip"> <shape> <solid android:color="#66000000"/> <corners android:radius="5.0dip"/> </shape> </item> <item android:bottom="4.0dip" android:right="4.0dip"> <shape> <solid android:color="#0069a6"/> <corners android:radius="5.0dip"/> </shape> </item> </layer-list> </item> </selector>
相关文章推荐
- 解决服务器存在大量time_wait的问题
- 通过supervisor 管理服务
- Java网络编程(二)
- LInux内核同步与互斥
- Oracle如何&操作进行二进制的比对
- Android中View属性大全
- vim 配置
- 【Android应用开发技术:媒体开发】录像
- jsp页面has already been called for this response错误解决方法。
- System.IO.Path 获得文件的后缀名
- 上机编程题-迷宫问题
- Exerciese——PrintMatrixClockwise
- 牛腩新闻发布系统(三)——发布中的问题
- Spring 使用注解方式进行事务管理
- 使用Myeclipse进行简单webservice开发的示例
- jquery的ajax 处理后台传来json格式的二维数组
- Oracle初探(一)
- Log日志打印集合类型
- poj 3678 2-sat
- HDU 1540 (区间合并)