]先說明下原理。用遮蓋的方式實現
共分為二層,前景層和背景層
前景層:設置一個空白的矩形區域
背景層:一個從白到黑再到白的過度顏色矩形填充
最後前景層覆蓋到背景層上,並設置下前景層的padding讓背景層只露出漸變後邊緣
效果如下,當然白區域根據具體需要變寬。
- <? 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下,做為其他組建的資源引用便可。
沒有留言:
張貼留言