当前位置: 移动技术网 > IT编程>移动开发>Android > Android 自定义阴影效果详解及实例

Android 自定义阴影效果详解及实例

2019年07月24日  | 移动技术网IT编程  | 我要评论

万象娱乐主管q44144,四风谷滚雷台,纽仕康脂肪燃烧弹

android 自定义阴影效果详解及实例

android5.x中,google为其增加了两个属性 android:elevation=” ” 与 android:translationz=” “,对应垂直方向上的高度变化。系统会自动增加阴影效果。

在tablayout中增加android:elevation=” 8dp” ,效果如下:
这里写图片描述
箭头指向的就是系统为我们默认提供,结果差强人意。那我们是不是可以自定义阴影,不使用系统提供的。

自定义阴影效果

阴影效果如下:

这里写图片描述
这里只使用自定义阴影,并未使用android:elevation=” 8dp”

原理

用遮盖的方式实现

共分为二层,前景层和背景层

前景层:设置一个绿色的矩形区域

背景层:一个从黑到绿色的过度颜色矩形填充,这里选择“绿色”是因为上面的也是一块绿色。

在res/drawable里创建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" <!--结束颜色,背景色:绿色.系统会自动绘制颜色-->
        android:angle="90" /><!--角度:从下到上-->

    </shape>
  </item>


  <item android:top="8dp"><!--距离顶部8dp-->
    <shape>
      <solid android:color="@color/coloraccent" />
    </shape>
  </item>

</layer-list>

提示:注释为方便读者阅读,所以报错就把注释删了。

然后设置tablayout的 android:background=”@drawable/shadow_bg”

layerdrawable对象

相信大家对shapedrawable比较了解,这里讲下少用的layerdrawable,如果觉得有必要说下shapedrawable可以在评论反馈。

layerdrawable可以包含一个drawable数组,系统会按这些drawable对象的数组的顺序进行绘制。

定义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对象绘制到目标组件的指定位置。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网