先說明下原理。用遮蓋的方式實現 html
共分爲二層,前景層和背景層 android
前景層:設置一個空白的矩形區域 app
背景層:一個從白到黑再到白的過分顏色矩形填充 spa
最後前景層覆蓋到背景層上,並設置下前景層的padding讓背景層只露出漸變後邊緣 .net
效果以下,固然白區域根據具體須要變寬。 xml
- <?xml version="1.0" encoding="utf-8"?>
- <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
- <!-- layout background -->
- <item>
- <!-- show rectangle area -->
- <shape android:shape="rectangle" >
- <gradient
- android:angle="270"
- android:startColor="#FFFFFF"
- android:centerColor="#000000"
- android:endColor="#FFFFFF"/>
- </shape>
- </item>
- <!-- layout foreground -->
- <item
- android:bottom="5px"
- android:top="5px">
- <!-- show rectangle area -->
- <shape android:shape="rectangle" >
- <solid android:color="#FFFFFF" />
- </shape>
- </item>
- </layer-list>
並將此代碼保存爲shadow.xml 放置到res/drawable下,作爲其餘組建的資源引用即可。 htm