利用layer-list来制作阴影效果背景
2017-12-07 14:08
609 查看
在项目 res->drawable中创建一个xml,具体代码如下:
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 阴影部分 -->
<!-- 个人觉得更形象的表达:top代表下边的阴影高度,left代表右边的阴影宽度。其实也就是相对应的offset,solid中的颜色是阴影的颜色,也可以设置角度等等 -->
<item
android:left="2dp"
android:top="2dp">
<shape android:shape="rectangle" >
<gradient
android:angle="270"
android:endColor="#0F000000"
android:startColor="#0F000000" />
<corners
android:bottomLeftRadius="6dip"
android:bottomRightRadius="6dip"
android:topLeftRadius="6dip"
android:topRightRadius="6dip" />
</shape>
</item>
<!-- 背景部分 -->
<!-- 形象的表达:bottom代表背景部分在上边缘超出阴影的高度,right代表背景部分在左边超出阴影的宽度(相对应的offset) -->
<item
android:bottom="3dp"
android:right="3dp">
<shape android:shape="rectangle" >
<gradient
android:angle="270"
android:endColor="#FFFFFF"
android:startColor="#FFFFFF" />
<corners
android:bottomLeftRadius="6dip"
android:bottomRightRadius="6dip"
android:topLeftRadius="6dip"
android:topRightRadius="6dip" />
</shape>
</item>
</layer-list>
<!-- shape属性详解:http://blog.csdn.net/wz_txwy/article/details/78740671 -->
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 阴影部分 -->
<!-- 个人觉得更形象的表达:top代表下边的阴影高度,left代表右边的阴影宽度。其实也就是相对应的offset,solid中的颜色是阴影的颜色,也可以设置角度等等 -->
<item
android:left="2dp"
android:top="2dp">
<shape android:shape="rectangle" >
<gradient
android:angle="270"
android:endColor="#0F000000"
android:startColor="#0F000000" />
<corners
android:bottomLeftRadius="6dip"
android:bottomRightRadius="6dip"
android:topLeftRadius="6dip"
android:topRightRadius="6dip" />
</shape>
</item>
<!-- 背景部分 -->
<!-- 形象的表达:bottom代表背景部分在上边缘超出阴影的高度,right代表背景部分在左边超出阴影的宽度(相对应的offset) -->
<item
android:bottom="3dp"
android:right="3dp">
<shape android:shape="rectangle" >
<gradient
android:angle="270"
android:endColor="#FFFFFF"
android:startColor="#FFFFFF" />
<corners
android:bottomLeftRadius="6dip"
android:bottomRightRadius="6dip"
android:topLeftRadius="6dip"
android:topRightRadius="6dip" />
</shape>
</item>
</layer-list>
<!-- shape属性详解:http://blog.csdn.net/wz_txwy/article/details/78740671 -->
相关文章推荐
- 利用layer-list创建阴影效果等
- css div 边框阴影利用背景图或内外层div实现层次感觉阴影效果
- layer-list实现阴影效果
- Android中用layer-list编写阴影效果
- Android layer-list的属性和使用详解(阴影、边框效果)
- 利用GDI+制作背景颜色淡入淡出效果的按钮
- Android中用layer-list编写阴影效果
- 纯代码利用CSS3 圆角边框和盒子阴影 制作 iphone 手机效果
- 使用selector,shape以及lay-list制作圆形阴影点击效果
- 添加阴影布局效果(使用layer-list)实现
- 利用jQuery中的bgstretcher插件制作幻灯片效果背景
- Android:阴影效果的另一种实现方法:layer-list
- cocos2d-x 利用CCLabelTTF制作文字描边与阴影效果的实现方法
- layer-list实现阴影和选择器效果
- Android中用layer-list编写阴影效果
- Android layer-list 圆角阴影背景
- Android中用layer-list编写阴影效果
- Android中用layer-list编写阴影效果
- 运用layerlist在5.0以下的android上实现material design的阴影效果
- cocos2d-x 利用CCLabelTTF制作文字描边与阴影效果的实现方法