anroid邊框陰影-圓角陰影-漸變陰影
阿新 • • 發佈:2019-01-02
由於漸變是對整個邊框進行的,以上由於陰影厚度為2dp,幾乎看不到漸變色。
2.矩形陰影效果,外陰影,如果是矩形陰影則可以顯示漸變色,在邊框下邊再新增一個邊框表示陰影,模擬外陰影效果。
<View
android:layout_width="match_parent"
android:layout_height="2dp"
android:background="@drawable/layout_shadow"
>
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
>
<gradient
android:type="linear"
android:centerX="0.5"
android:centerY="0.5"
android:angle="270"
android:startColor="#1A000000"
android:endColor="#00000000"
/>
</shape>
3. 圓角漸變陰影,三層疊加
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 第一層為背景色 -->
<item >
<shape android:shape="rectangle" >
<solid android:color="@color/color_f5f5f5" />
</shape>
</item>
<!-- 第二層投影漸變色 -->
<item android:top="62dp"
>
<shape android:shape="rectangle" >
<!-- from top to bottom -->
<gradient
android:type="linear"
android:centerX="0.5"
android:centerY="0.5"
android:angle="270"
android:startColor="#33000000"
android:centerColor="#1A000000"
android:endColor="#00000000"
/>
<!-- 4dp漸變 後2dp為10%透明度到完全透明 -->
<corners android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"/>
</shape>
</item>
<!-- 第三層資料顯示 -->
<item android:bottom="2dp"
>
<shape android:shape="rectangle" >
<solid android:color="@color/color_fffffe"/>
<corners android:radius="3.33dp" />
</shape>
</item>
</layer-list>
<LinearLayout
android:layout_marginTop="10dp"
android:layout_marginLeft="12dp"
android:layout_marginRight="12dp"
android:paddingLeft="12dp"
android:layout_width="match_parent"
android:layout_height="66dp"
android:background="@drawable/shape_corner"
android:gravity="center_vertical"
android:orientation="vertical">
2.矩形陰影效果,外陰影,如果是矩形陰影則可以顯示漸變色,在邊框下邊再新增一個邊框表示陰影,模擬外陰影效果。
<View
android:layout_width="match_parent"
android:layout_height="2dp"
android:background="@drawable/layout_shadow"
>
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
>
<gradient
android:type="linear"
android:centerX="0.5"
android:centerY="0.5"
android:angle="270"
android:startColor="#1A000000"
android:endColor="#00000000"
/>
</shape>
3. 圓角漸變陰影,三層疊加
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 第一層為背景色 -->
<item >
<shape android:shape="rectangle" >
<solid android:color="@color/color_f5f5f5" />
</shape>
</item>
<!-- 第二層投影漸變色 -->
<item android:top="62dp"
>
<shape android:shape="rectangle" >
<!-- from top to bottom -->
<gradient
android:type="linear"
android:centerX="0.5"
android:centerY="0.5"
android:angle="270"
android:startColor="#33000000"
android:centerColor="#1A000000"
android:endColor="#00000000"
/>
<!-- 4dp漸變 後2dp為10%透明度到完全透明 -->
<corners android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"/>
</shape>
</item>
<!-- 第三層資料顯示 -->
<item android:bottom="2dp"
>
<shape android:shape="rectangle" >
<solid android:color="@color/color_fffffe"/>
<corners android:radius="3.33dp" />
</shape>
</item>
</layer-list>
<LinearLayout
android:layout_marginTop="10dp"
android:layout_marginLeft="12dp"
android:layout_marginRight="12dp"
android:paddingLeft="12dp"
android:layout_width="match_parent"
android:layout_height="66dp"
android:background="@drawable/shape_corner"
android:gravity="center_vertical"
android:orientation="vertical">