快捷導(dǎo)航

Android 自定義陰影效果詳解及實(shí)例

更新時間：2017年02月03日 09:19:14 投稿：lqh

這篇文章主要介紹了Android 自定義陰影效果詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下

Android 自定義陰影效果詳解及實(shí)例

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”

原理

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

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

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

背景層：一個從黑到綠色的過度顏色矩形填充，這里選擇“綠色”是因?yàn)樯厦娴囊彩且粔K綠色。

在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>

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

然后設(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>元素，該元素可指定如下屬性: