android动画影子效果,Android实现阴影效果的三种方式

66b52468c121889b900d4956032f1009.png

8种机械键盘轴体对比

本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?

实现Android阴影共有三种方式:使用.9图(略)、设置视图的高度、在layer-list资源文件中模拟阴影效果,本篇文章将对后两种方式做介绍。

Material Design为UI元素引入了高度(Z值)概念,拥有较高 Z 值的视图将投射更大且更柔和的阴影,并将挡住拥有较低Z值的视图,不过视图的Z值并不影响视图的大小。阴影的效果是由被提升视图的父项所提供的,因此阴影裁剪也是受父视图影响的,值得注意的是,如果父视图没有提供额外的空间给被提升视图,则阴影效果不会被展现。

指定视图高度

视图的Z值包含两个组件:高度:静态组件。

转换:用于动画的动态组件。

Z = elevation + translationZ

1.png

如果要在布局定义中设置视图的高度,请使用 android:elevation 属性。如果要在Activity的代码中设置视图高度,请使用 View.setElevation() 方法。

如果要设置视图转换,请使用 View.setTranslationZ() 方法,同时,该方法可以通过属性动画为视图高度添加动画。

自定义视图阴影

视图的背景将决定其阴影的默认形状,下面举一个例子:1

2

3

4

5

android:id="@+id/myview"

...

android:elevation="2dp"

android:background="@drawable/myrect" />

背景被定义为一个拥有圆角的矩形:1

2

3

4

5

6

android:shape="rectangle">

视图将投射一个带有圆角的阴影,因为背景将定义视图的轮廓。 如果提供一个自定义轮廓,则此轮廓将替换视图阴影的默认形状。

layer-list模拟阴影效果

使用layer-list可以将多个drawable按照顺序层叠在一起显示,默认情况下,所有的item中的drawable都会自动根据所依附view的大小而进行缩放,layer-list中的item是按照顺序从下往上叠加的,即先定义的item在下面,后面的依次往上面叠放。以下是带阴影的圆角矩形:1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19<?xml version="1.0" encoding="utf-8"?>

android:left="2dp"

android:top="2dp">

android:right="2dp"

android:bottom="2dp">

layer-list可以添加多个item子节点,每个item子节点对应一个drawable资源,按照item从上到下的顺序叠加在一起,再通过设置每个item的偏移量就可以看到阴影等效果了。layer-list的item可以通过下面四个属性设置偏移量:

android:top 顶部的偏移量

android:bottom 底部的偏移量

android:left 左边的偏移量

android:right 右边的偏移量

这四个偏移量和控件的margin设置差不多,都是外间距的效果。

两种方式对比视图高度layer-list资源只兼容Android 5.0以上版本都兼容

效果逼真效果不真实

需要额外的空间展示阴影不需要额外的空间

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值