小工具知识网

当前位置: 首页 > 行业知识 > Android使用shape绘制阴影图层阴影效果示例

行业知识

Android使用shape绘制阴影图层阴影效果示例

2026-11-09 02:57:09 来源:互联网转载

最近在项目中用到一个比较有意思的阴影特效

从上面的效果图上可以发现在图片的右、下有一个阴影的特效,通过这个阴影效果明显会使得这个提示文本有一种立体的观感。瞬间高大上有木有?

基于以上UI效果,有两种最基本的实现方式:UI给出阴影底图和程序猿自我实现两种。

在这里UI设计师给出阴影底图的方式我们就不做讨论了,我们来看下程序猿自我实现的方式怎么做。

首先我们来分析一下上面UI效果,我们不难发现其实上图所示的ui效果本质上可以看成两个图层的叠加,那么有的小伙伴就要说了不就是两个图层的叠加嘛,用画笔(paint)和画布(cavns)来画就好了。但就我个人而言我觉得用画笔来画这种方式有点麻烦了。我们可以想到的另一个神器shape,我们用两个shape来叠加不就好了吗?说干就干,直接上代码:



上一篇:CSS立体边框阴影效果打造指南,全攻略揭秘,轻松塑造独特边框风格!

下一篇:warframe服务器怎么用?