Android中用layer-list編寫陰影效果
阿新 • • 發佈:2019-01-10
要實現這種效果當然有多 種方式,比如背景圖片直接加陰影效果,或者用程式碼畫一個(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>