Android 自定義陰影效果詳解及實例

Android5.X中，Google為其增加了兩個屬性 android:elevation=” ” 與 android:translationZ=” “，對應(yīng)垂直方向上的高度變化。系統(tǒng)會自動增加陰影效果。

在TabLayout中增加android:elevation=” 8dp” ，效果如下：

箭頭指向的就是系統(tǒng)為我們默認(rèn)提供，結(jié)果差強(qiáng)人意。那我們是不是可以自定義陰影，不使用系統(tǒng)提供的。

自定義陰影效果

陰影效果如下:

這里只使用自定義陰影，并未使用android:elevation=” 8dp”

原理

用遮蓋的方式實現(xiàn)

共分為二層，前景層和背景層

前景層：設(shè)置一個綠色的矩形區(qū)域

背景層：一個從黑到綠色的過度顏色矩形填充，這里選擇“綠色”是因為上面的也是一塊綠色。

在res/drawable里創(chuàng)建Xml，Xml代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

  <item>
    <shape>
      <gradient
        android:startColor="#000" <!--開始顏色-->
        android:endColor="@color/colorAccent" <!--結(jié)束顏色,背景色:綠色.系統(tǒng)會自動繪制顏色-->
        android:angle="90" /><!--角度:從下到上-->

    </shape>
  </item>


  <item android:top="8dp"><!--距離頂部8dp-->
    <shape>
      <solid android:color="@color/colorAccent" />
    </shape>
  </item>

</layer-list>

提示：注釋為方便讀者閱讀，所以報錯就把注釋刪了。

然后設(shè)置TabLayout的 android:background=”@drawable/shadow_bg”

LayerDrawable對象

相信大家對ShapeDrawable比較了解，這里講下少用的LayerDrawable，如果覺得有必要說下ShapeDrawable可以在評論反饋。

LayerDrawable可以包含一個Drawable數(shù)組，系統(tǒng)會按這些Drawable對象的數(shù)組的順序進(jìn)行繪制。

定義LayerDrawable對象Xml文件的根元素為< layer-list> < /layer-list,該元素可以包含多個< item>< /item>元素，該元素可指定如下屬性:

1. android:drawable=” ” : 指定作為LayerDrawable元素之一的Drawable對象
2. android:id=” ” : 為Drawable對象指定一個id
3. android:buttom|top|right|left=” ” : 指定一個長度值，指定Drawable對象繪制到目標(biāo)組件的指定位置。
   
   

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

最新評論