快捷導(dǎo)航

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

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

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

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

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

在TabLayout中增加android:elevation=” 8dp” ，效果如下：
這里寫圖片描述
箭頭指向的就是系統(tǒng)為我們默認(rèn)提供，結(jié)果差強(qiáng)人意。那我們是不是可以自定義陰影，不使用系統(tǒng)提供的。

自定義陰影效果

陰影效果如下:

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

原理

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

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

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

背景層：一個(gè)從黑到綠色的過度顏色矩形填充，這里選擇“綠色”是因?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)會(huì)自動(dòng)繪制顏色-->
        android:angle="90" /><!--角度:從下到上-->

    </shape>
  </item>


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

</layer-list>

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

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

LayerDrawable對(duì)象

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

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

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

android:drawable=” ” : 指定作為L(zhǎng)ayerDrawable元素之一的Drawable對(duì)象
android:id=” ” : 為Drawable對(duì)象指定一個(gè)id
android:buttom|top|right|left=” ” : 指定一個(gè)長(zhǎng)度值，指定Drawable對(duì)象繪制到目標(biāo)組件的指定位置。

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

您可能感興趣的文章:

相關(guān)文章

Android仿手機(jī)通訊錄地址選擇功能
這篇文章主要為大家詳細(xì)介紹了Android仿手機(jī)通訊錄地址選擇功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-12-12
Flutter實(shí)現(xiàn)支付寶集五福手畫福字功能
支付寶一年一度的集五?；顒?dòng)又開始了，其中包含了一個(gè)功能就是手寫福字，還包括撤銷一筆，清除重寫，保存相冊(cè)等。本文將介紹如何使用Flutter實(shí)現(xiàn)這些功能，感興趣的可以了解一下
2022-01-01
詳解android 人臉檢測(cè)你一定會(huì)遇到的坑
這篇文章主要介紹了詳解android 人臉檢測(cè)你一定會(huì)遇到的坑,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-11-11
Android SurfaceView與TextureView使用方法詳細(xì)講解
SurfaceView和TextureView都繼承View，與普通的View不同的是，它倆可以在獨(dú)立線程中繪制渲染，性能更高，所以常被應(yīng)用在對(duì)繪制速率要求比較高的場(chǎng)景，比如相機(jī)預(yù)覽，視頻播放等等
2022-10-10
Android自定義彈出框dialog效果
這篇文章主要為大家詳細(xì)介紹了Android自定義彈出框dialog效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
Android基礎(chǔ)之startActivityForResult()的用法詳解
這篇文章主要給大家介紹了Android中startActivityForResult()的用法，文中給出了詳細(xì)的介紹與示例代碼，相信對(duì)大家的理解和學(xué)習(xí)具有一定參考借鑒價(jià)值，有需要的朋友們下面來一起看看吧。
2017-01-01
Android編程實(shí)現(xiàn)橫豎屏切換時(shí)不銷毀當(dāng)前activity和鎖定屏幕的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)橫豎屏切換時(shí)不銷毀當(dāng)前activity和鎖定屏幕的方法,涉及Android屬性設(shè)置及activity操作的相關(guān)技巧,需要的朋友可以參考下
2015-11-11
Android ViewGroup事件分發(fā)和處理源碼分析
這篇文章主要為大家介紹了Android ViewGroup事件分發(fā)和處理源碼分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
Bitmap海量數(shù)據(jù)快速查找去重代碼示例
這篇文章主要介紹了Bitmap海量數(shù)據(jù)快速查找去重代碼示例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-12-12
Android 三種動(dòng)畫詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了Android 三種動(dòng)畫詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-04-04