Android 布局定义带阴影的矩形

先说明下原理。用遮盖的方式实现 html

共分为二层,前景层和背景层 android

前景层:设置一个空白的矩形区域 app

背景层:一个从白到黑再到白的过分颜色矩形填充 spa

最后前景层覆盖到背景层上,并设置下前景层的padding让背景层只露出渐变后边缘 .net

效果以下,固然白区域根据具体须要变宽。 xml

[html]   view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >  
  3.     <!-- layout background -->  
  4.     <item>  
  5.         <!-- show rectangle area -->  
  6.         <shape android:shape="rectangle" >  
  7.             <gradient  
  8.                 android:angle="270"  
  9.                 android:startColor="#FFFFFF"  
  10.                 android:centerColor="#000000"  
  11.                 android:endColor="#FFFFFF"/>  
  12.         </shape>  
  13.     </item>  
  14.     <!-- layout foreground -->  
  15.     <item  
  16.         android:bottom="5px"  
  17.         android:top="5px">  
  18.         <!-- show rectangle area -->  
  19.         <shape android:shape="rectangle" >  
  20.             <solid android:color="#FFFFFF" />  
  21.         </shape>  
  22.     </item>  
  23. </layer-list>  


并将此代码保存为shadow.xml 放置到res/drawable下,作为其余组建的资源引用即可。 htm

相关文章
相关标签/搜索