Android使用shape绘制阴影图层阴影效果示例_android画阴影 - CSDN文库

shape阴影效果

53 浏览量更新于2023-03-16 评论收藏 134KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

本篇文章主要介绍了Android使用shape绘制阴影图层阴影效果示例，小编觉得挺不错的，现在分享给大家，也给大家做个参

考。一起跟随小编过来看看吧

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

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

木有？

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

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

首先我们来分析一下上面UI效果，我们不难发现其实上图所示的ui效果本质上可以看成两个图层的叠加，那么有的小伙伴就要说了不就是两个

图层的叠加嘛，用画笔（paint）和画布（cavns）来画就好了。但就我个人而言我觉得用画笔来画这种方式有点麻烦了。我们可以想到的另一

个神器shape，我们用两个shape来叠加不就好了吗？说干就干，直接上代码：

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item

android:left="2.66dp"

android:top="2.66dp">

<shape>

<solid android:color="#f5f5f5" />

<stroke

android:width="1dp"

android:color="#f5f5f5" />

</shape>

</item>

<item

android:bottom="2.66dp"

android:right="2.66dp">

<shape>

<solid android:color="#ffffff" />

<stroke android:width="0.33dp" android:color="#dedede" />

</shape>

</item>

</layer-list>

是不是实现起来超简单。也许有些初学者可能会有疑惑，你说解决了就解决了啊？好吧，别急。照顾初学者的感受，我这里给出它的详细使用

方法：

1、在res/drawable目录下新建一个文件，这个文件内容就是如上的代码，文件名就随你喜欢了，但我们最好还是按照命名规则来的好(姑且定

义为tips_shadow_bg.xml)

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38577200

粉丝: 9
资源: 907

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈