banner
NEWS LETTER

Android阴影的实现方式

Scroll down

Android关于阴影的实现方式

1.使用.9文件

优点:个人认为最好的实现方式 实现方便 节省内存和渲染时间,使用方便
缺点:每个阴影都用.9文件会增加报的体积大小而且不如自己写的好维护 总不能每次换点阴影都去找UI
Android 9-patch shadow generator

2.使用 layer-list

实现原理:layer-list本身是一些drawable的集合 我们把许多的drawable叠加起来形成层次差实现阴影
使用layer-list实现 阴影边框效果:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<!--阴影部分-->
<!--top代表下边阴影的高度,left代表左边阴影的宽度,相应的offset,solid种的颜色是阴影颜色,也可以设置角度-->
<item
android:left="2dp"
android:top="2dp">
<shape android:shape="rectangle">
<gradient
android:angle="270"
android:endColor="#FF189CF5"
android:startColor="#FFCCCCCC" />
<corners
android:bottomLeftRadius="6dp"
android:bottomRightRadius="6dp"
android:radius="6dp"
android:topLeftRadius="6dp"
android:topRightRadius="6dp" />
</shape>
</item>
<!--背景部分-->
<!--bottom表示背景部分在上边缘超出阴影的高度,right表示背景部分在右边超出阴影的宽度-->
<item
android:bottom="5dp"
android:right="5dp">
<shape android:shape="rectangle">
<gradient
android:angle="270"
android:endColor="#FF945FB9"
android:startColor="#FFFFDF72" />
<corners
android:bottomLeftRadius="6dp"
android:bottomRightRadius="6dp"
android:topLeftRadius="6dp"
android:topRightRadius="6dp" />
</shape>
</item>
<!--背景部分-->
<item
android:bottom="10dp"
android:right="10dp">
<shape android:shape="rectangle">
<gradient
android:angle="270"
android:endColor="#FFFF5102"
android:startColor="#FF945FB9" />
<corners
android:bottomLeftRadius="6dp"
android:bottomRightRadius="6dp"
android:topLeftRadius="6dp"
android:topRightRadius="6dp" />
</shape>
</item>
</layer-list>

最终的实现效果并不是很理想,但是如果UI要求的效果不是很严格的话还是勉强能用的

优点:书写比较方便 可以使用渐变来替换阴影 如果颜色统一的方便管理
缺点:增加背景图层 可以实现阴影效果 但是没有模糊

3.使用 elevation,translationZ

android 5.0以后增加的设置阴影的api 并配合OutlineProvider 修改阴影的轮廓
android 8.0以后增加两个api可以修改阴影的颜色 8.0一下无效
android:outlineAmbientShadowColor :照射光的颜色 一般没什么作用
android:outlineSpotShadowColor:阴影颜色

注意点:使用阴影颜色的时候要使用8位的色值 一定要带透明度哦 否则是没有效果的
优点: 使用自带的api不用添加多余的drawable文件 并且支持 translationZ 动画方便实现点击的动画效果
缺点:只有api28以上才可以使用

4.使用自定义View 和自定义ViewGrop

(1)使用BlurMaskFilter:模糊遮罩滤镜 改变图像的透明度值来实现的
核心代码: mBlurMaskFilter = new BlurMaskFilter(mMaskRadius, BlurMaskFilter.Blur.NORMAL);
mMaskPaint.setMaskFilter(mBlurMaskFilter);
参数:
mMaskRadius:扩散的半径
BlurMaskFilter.Blur.NORMAL:整个图像都被模糊掉
BlurMaskFilter.Blur.SOLID:图像边界外产生一层与图像颜色一致阴影效果
BlurMaskFilter.Blur.OUTER:图像边界外产生一层阴影,并且将图像变成透明效果
BlurMaskFilter.Blur.INNER:在图像内部边沿产生模糊效果
它可以让背景和阴影都出现渐变色的效果效果比较好看

注意:
使用paint.setMaskFilter()需要将硬件加速关闭 一般在自定义View的构造方法调用就行了 setLayerType(View.LAYER_TYPE_SOFTWARE,null)
优点:可以较好的实现一个扩散阴影的效果,可以支持阴影使用渐变色,也可以是图片颜色的延伸
缺点: 需要关闭硬件加速,暂时不支持阴影偏移

(2)使用 setShadowLayer
核心代码:mMaskPaint.setShadowLayer(radius,dx,dy,color));
参数:radius 阴影的扩散半径
dx 阴影X方向偏移
dy 阴影Y方向偏移
color 阴影颜色
可以是背景产生阴影的而效果

注意:使用paint.setShadowLayer()需要将硬件加速关闭
优点:可以实现一般情况下所有的阴影效果 支持阴影偏移
缺点: 需要关闭硬件加速

其他文章
目录导航 置顶
  1. 1. Android关于阴影的实现方式
请输入关键词进行搜索