欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  技术分享

Android Elevation设置_安卓动态设置elevation_android elevation设置透明度

程序员文章站 2021-12-12 18:05:20
...

简介:

在Android API21,新添加了一个属性:android:elevation,用以在xml定义View的深度(高度),也即z方向的值。除了elevation之外,类似于已有的translationX、translationY,也相对应地新增了一个translationZ,用以在属性动画中动态改变Z值(使用View.setTranslationZ())

Z = elevation   translationZ


在引入了这个属性之后,主要影响有两个:影响View的阴影影响View相互阻挡顺序


1. 影响View的阴影

Z值会对View的阴影外观造成影响,但是不是对View大小造成影响。

拥有更大Z值的View会有一个更大但是更柔和的阴影——这跟我们生活的实际体验是一致的,官方给的效果图:

Android Elevation设置_安卓动态设置elevation_android elevation设置透明度


2. 影响View相互阻挡顺序

拥有更大Z值的View会挡住Z值比较小的View——即更大Z值的View会在最上层。譬如,在正常的FrameLayout中,子View的绘制顺序是从上到下,也就是说,最后一个子View会显示到最上面,如果位置跟前面的View有重合,则会盖住前面的View。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <TextView
        android:id="@ id/viewA"
        android:background="#f00"
        android:text="A"
        android:gravity="center"
        android:layout_width="100dp"
        android:layout_height="100dp" />

    <TextView
        android:id="@ id/viewB"
        android:background="#0f0"
        android:text="B"
        android:gravity="center"
        android:layout_marginLeft="60dp"
        android:layout_marginTop="60dp"
        android:layout_width="100dp"
        android:layout_height="100dp" />

    <!--ViewC有了一个elevation属性 -->
    <TextView
        android:id="@ id/viewC"
        android:layout_marginLeft="180dp"
        android:background="#f00"
        android:text="C"
        android:gravity="center"
        android:elevation="1dp"
        android:layout_width="100dp"
        android:layout_height="100dp" />
    <TextView
        android:id="@ id/viewD"
        android:background="#0f0"
        android:text="D"
        android:gravity="center"
        android:layout_marginLeft="240dp"
        android:layout_marginTop="60dp"
        android:layout_width="100dp"
        android:layout_height="100dp" />
</FrameLayout>


比如,上面的xml代码,效果如下图所示:

Android Elevation设置_安卓动态设置elevation_android elevation设置透明度



先看ViewA、ViewB,因为ViewB是第二个子View,ViewA是第一个,所以B会覆盖在A的上面。

然后ViewC、D,跟AB相比较,区别就在于ViewC多了一个elevation属性,有了一个比ViewD更大的Z值,所以,即使它在ViewD的前面,但是依然能够盖住D~


注意 设置Elevation 属性失效的情况:

1. 控件必须设置背景色,且不能为透明。

2. 阴影是绘制于父控件上的,所以控件与父控件的边界之间需有足够空间绘制出阴影才行。

3. 有网友提出图片尽量使用.png, 防止图片过大导致oom或者elevation失效

4. 经过本人测试,除了上述原因外,还有:background是图片时、background直接设置具体颜色值时容易无效如:#ffaacc,background是shape时效果最好

5.设置elevation的View最好是ViewGroup子类