Android中用layer-list编写阴影效果



要实现这种效果当然有多 种方式，比如背景图片直接加阴影效果，或者用代码画一个（onDraw()）。这次我们直接用layer-list来实现。在项目 res->drawable中创建一个xml，如果列表中有layer-list选择的话直接选择创建，如果没有的话就随意（似乎4.0以下没有 layer-list选择），没有的话将xml文件中的根标签改为layer-list即可。上述效果具体代码如下：

<?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>

一.效果1:

在res/drawable下建一个xml文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- Bottom 3dip Shadow -->
    <item android:bottom="11dip" android:top="19dip" android:left="10dip" android:right="10dip">

        <shape android:shape="rectangle" >
            <solid android:color="@color/custom_orange" />

            <corners android:radius="7dp" />
        </shape>
    </item>

    <!-- White Top color -->
    <item
        android:bottom="15dip"
        android:left="10dip"
        android:right="12dip"
        android:top="15dip">
        <shape android:shape="rectangle" >
            <solid android:color="@color/white" />

            <corners android:radius="7dp" />
        </shape>
    </item>

</layer-list>

二. 阴影效果

在res/drawable创建xml文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 
	    shape是用来定义形状的，
	    gradient定义该形状里面为渐变色填充，
	    startColor起始颜色，
	    endColor结束颜色，
	    angle表示方向角度。
	            当angle=0时，渐变色是从左向右。 然后逆时针方向转，当angle=90时为从下往上。
     -->
    <gradient
        android:angle="45"
        android:endColor="@color/custom_orange"
        android:startColor="@color/white" />

</shape>

效果图: