android shape实现阴影或模糊边效果
2020-02-13 13:59
1786 查看
1.实现阴影或模糊边效果方式:
2.通过shape来实现,具体是通过layer-list 多层叠放的方式实现的
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 边 --> <item> <shape android:shape="rectangle"> <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" /> <solid android:color="#00CCCCCC" /> <corners android:radius="8dp" /> </shape> </item> <item> <shape android:shape="rectangle"> <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" /> <solid android:color="#10CCCCCC" /> <corners android:radius="8dp" /> </shape> </item> <item> <shape android:shape="rectangle"> <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" /> <solid android:color="#20CCCCCC" /> <corners android:radius="8dp" /> </shape> </item> <item> <shape android:shape="rectangle"> <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" /> <solid android:color="#30CCCCCC" /> <corners android:radius="8dp" /> </shape> </item> <item> <shape android:shape="rectangle"> <padding android:bottom="2dp" android:left="2dp" android:right="2dp" android:top="2dp" /> <solid android:color="#50CCCCCC" /> <corners android:radius="8dp" /> </shape> </item> <!-- 中心背景 --> <item> <shape android:shape="rectangle" android:useLevel="false"> <!-- 实心 --> <solid android:color="#ffffff" /> <corners android:radius="10dp" /> <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp"/> </shape> </item> </layer-list>
使用:
android:background="@drawable/layer_white_bg"
顶部缩放了:android:top=2*5=10dp
总结
以上所述是小编给大家介绍的android shape实现阴影或模糊边效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
相关文章推荐
- Android实现局部模糊效果
- 实现字体的阴影效果
- 高斯模糊效果的简单实现
- Baffle.js – 用于实现文本模糊效果的 JavaScript 库
- 用Javascript实现让Canvas变模糊的效果
- RenderScript:简单实现动态模糊效果
- IOS Opengl ES 用多光源实现材质,阴影,高光效果
- Android 高斯模糊效果从319ms到3ms的优化实现
- 实现textview的阴影效果
- Spoiler Alert – 实现内容模糊隐藏效果的 jQuery 插件
- css实现鼠标悬浮字体流光背景模糊效果
- Span使用之利用系统Span样式实现模糊搜索,匹配变色的特殊UI效果
- CSS3实现图片阴影效果
- js 实现无干扰阴影效果 简单好用(附文件下载)
- 纯CSS文本阴影效果实现
- iOS 模糊效果的实现
- css样式实现给图片添加阴影效果
- 用JS实现网页元素阴影效果的研究总结
- CSS3文字阴影实现乳白文字效果