Android实现图片添加阴影效果的2种方法
程序员文章站
2023-11-17 19:55:46
给图片添加阴影效果,这是很常见的需求。第一种方法是自定义drawable,使用layer-list定义两个图片,代码如下:
show_view.xml:
<...
给图片添加阴影效果,这是很常见的需求。第一种方法是自定义drawable,使用layer-list定义两个图片,代码如下:
show_view.xml:
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 阴影图片,android:left表示阴影图片左边到背景图片左边的距离 android:top表示阴影图片上边到背景图片上边的距离--> <item android:left="5dp" android:top="5dp"> <shape> <corners android:radius="25dp"/> <solid android:color="#60000000"/> </shape> </item> <!-- 背景图片,android:right表示阴影图片右边到背景图片右边的距离 android:bottom表示阴影图片下边到背景图片下边的距离--> <item android:bottom="5dp" android:right="5dp"> <shape> <corners android:radius="25dp"/> <solid android:color="#000000"/> </shape> </item> </layer-list>
在main.xml中定义一个textview作为待显示控件,将show_view.xml设为这个testview的背景,main.xml的代码如下:
<?xml version="1.0" encoding="utf-8"?> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.liusiyutaloner.frescotest.mainactivity"> <textview android:layout_width="100dp" android:layout_height="100dp" android:background="@drawable/shadow_view"/> </relativelayout>
运行程序显示效果如下:
看着还可以,但是这里面有一个缺陷,大家细看就会发现这个阴影是实边的,没有虚化的效果,这样就不够真实,影响用户体验。下面我们来看第二种方法。
第二种方式就是自定义view,代码里通过setshadowlayer绘制图片阴影,代码如下:
customshadowview类:
package com.example.liusiyutaloner.frescotest; import android.content.context; import android.graphics.canvas; import android.graphics.color; import android.graphics.paint; import android.graphics.rectf; import android.util.attributeset; import android.view.view; public class customshadowview extends view { private paint mpaint; public customshadowview(context context, attributeset attrs) { super(context, attrs); mpaint = new paint(); mpaint.setcolor(color.black); this.setlayertype(view.layer_type_software, null); } @override protected void ondraw(canvas canvas) { super.ondraw(canvas); //绘制阴影,param1:模糊半径;param2:x轴大小:param3:y轴大小;param4:阴影颜色 mpaint.setshadowlayer(10f, 15f, 15f, color.gray); rectf rect = new rectf(0 , 0, 200, 200); canvas.drawroundrect(rect, (float)75, (float)75, mpaint); } }
再将customshadowview类加到main.xml中,代码如下:
<?xml version="1.0" encoding="utf-8"?> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="150dp" android:layout_height="150dp" tools:context="com.example.liusiyutaloner.frescotest.mainactivity"> <com.example.liusiyutaloner.frescotest.customshadowview android:layout_gravity="center" android:layout_width="125dp" android:layout_height="125dp" android:layout_centerhorizontal="true" /> </relativelayout>
运行即可看到以下效果:
可以看到这种方法绘制出的阴影有虚化效果,多了立体感和层次感,所以更推荐使用。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: java文件名判断练习
下一篇: C#画笔使用复合数组绘制单个矩形的方法