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

转载自:Android中用layer-list编写阴影效果

 

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

 

[html] view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.    
  4.     <!-- 阴影部分 -->  
  5.     <!-- 个人觉得更形象的表达:top代表下边的阴影高度,left代表右边的阴影宽度。其实也就是相对应的offset,solid中的颜色是阴影的颜色,也可以设置角度等等 -->  
  6.     <item  
  7.         android:left="2dp"  
  8.         android:top="2dp">  
  9.         <shape android:shape="rectangle" >  
  10.    
  11.             <gradient  
  12.                 android:angle="270"  
  13.    
  14.                 android:endColor="#0F000000"  
  15.                 android:startColor="#0F000000" />  
  16.    
  17.             <corners  
  18.                 android:bottomLeftRadius="6dip"  
  19.                 android:bottomRightRadius="6dip"  
  20.                 android:topLeftRadius="6dip"  
  21.                 android:topRightRadius="6dip" />  
  22.         </shape>  
  23.     </item>  
  24.    
  25.     <!-- 背景部分 -->  
  26.     <!-- 形象的表达:bottom代表背景部分在上边缘超出阴影的高度,right代表背景部分在左边超出阴影的宽度(相对应的offset) -->  
  27.     <item  
  28.         android:bottom="3dp"  
  29.         android:right="3dp">  
  30.         <shape android:shape="rectangle" >  
  31.    
  32.             <gradient  
  33.                 android:angle="270"  
  34.                 android:endColor="#FFFFFF"  
  35.                 android:startColor="#FFFFFF" />  
  36.    
  37.             <corners  
  38.                 android:bottomLeftRadius="6dip"  
  39.                 android:bottomRightRadius="6dip"  
  40.                 android:topLeftRadius="6dip"  
  41.                 android:topRightRadius="6dip" />  
  42.         </shape>  
  43.     </item>  
  44.    
  45. </layer-list>  

 

 

posted @ 2015-07-15 17:37  牧之丨  阅读(2401)  评论(0编辑  收藏  举报