Android实现有阴影的Drawable

最新推荐文章于 2024-09-13 21:57:24 发布
原创 最新推荐文章于 2024-09-13 21:57:24 发布 · 3.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

该博客主要围绕Android开发展开，重点介绍了如何在Android中实现带有阴影的Drawable，这属于移动开发领域的技术内容，能帮助开发者在Android应用里实现特定的视觉效果。 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <layer-list>
            <!-- Shadow -->
            <item android:right="1dp" android:top="1dp">
                <layer-list>
                    <item>
                        <shape android:shape="rectangle">
                            <solid android:color="#08000000" />
                            <padding android:bottom="3px" android:left="3px" android:right="3px" android:top="3px" />
                            <corners android:radius="4dp" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <solid android:color="#09000000" />
                            <padding android:bottom="2px" android:left="2px" android:right="2px" android:top="2px" />
                            <corners android:radius="4dp" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <solid android:color="#10000000" />
                            <padding android:bottom="2px" android:left="2px" android:right="2px" android:top="2px" />
                            <corners android:radius="4dp" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <solid android:color="#11000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                            <corners android:radius="4dp" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <solid android:color="#12000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                            <corners android:radius="4dp" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <solid android:color="#13000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                            <corners android:radius="4dp" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <solid android:color="#14000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                            <corners android:radius="4dp" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <solid android:color="#15000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                            <corners android:radius="4dp" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <solid android:color="#16000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                            <corners android:radius="4dp" />
                        </shape>
                    </item>
                </layer-list>
            </item>

            <item>
                <shape android:shape="rectangle">
                    <solid android:color="#90CAF9" />
                    <corners android:radius="4dp" />
                </shape>
            </item>
        </layer-list>
    </item>

    <item android:state_enabled="true">

        <layer-list>
            <!-- Shadow -->
            <item android:right="1dp" android:top="2dp">
                <layer-list>
                    <item>
                        <shape android:shape="rectangle">
                            <corners android:radius="4dp" />
                            <solid android:color="#08000000" />
                            <padding android:bottom="4px" android:left="4px" android:right="4px" android:top="4px" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <corners android:radius="4dp" />
                            <solid android:color="#09000000" />
                            <padding android:bottom="2px" android:left="2px" android:right="2px" android:top="2px" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <corners android:radius="4dp" />
                            <solid android:color="#10000000" />
                            <padding android:bottom="2px" android:left="2px" android:right="2px" android:top="2px" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <corners android:radius="4dp" />
                            <solid android:color="#11000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <corners android:radius="4dp" />
                            <solid android:color="#12000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <corners android:radius="4dp" />
                            <solid android:color="#13000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <corners android:radius="4dp" />
                            <solid android:color="#14000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <corners android:radius="4dp" />
                            <solid android:color="#15000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                        </shape>
                    </item>
                    <item>
                        <shape android:shape="rectangle">
                            <corners android:radius="4dp" />
                            <solid android:color="#16000000" />
                            <padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
                        </shape>
                    </item>
                </layer-list>
            </item>


            <item>
                <shape android:shape="rectangle">
                    <corners android:radius="4dp" />
                    <solid android:color="#03A9F4" />
                </shape>
            </item>
        </layer-list>

    </item>

</selector>

 

Android进阶之路 - 背景阴影、阴影背景
Android、前端、小程序、后端
07-05 4867
不知道你是不是也经常听到这些话：你这个没有阴影效果；你这个阴影太浓了；你这个阴影太粗了；你这个阴影太实了；你这个阴影颜色也不对，你这个阴影.. 在正式开发中，临近上线前有个环节叫UI验收（产品验收在其前后均可），主要查看开发效果与设计图是否统一，当然很多UI可能也会临时在做修改... 话回最初，在验收环节中经常会提出关于阴影的问题，可以说是不胜其烦，正好最近有一些时间，特意记录一下我已知的阴影实现
Android阴影绘制的方式_android 阴影
最新发布
2401_89722419的博客
12-20 881
不管是自定义View也还是自定义ViewGroup，都是一样的效果，我们都是通过Paint画笔自己画出阴影，本质都是操作onDraw方法。核心类就是 BlurMaskFilter 类，它的兼容性比较好，它通过一个模糊的遮罩来实现几个重要参数：mMaskRadius:扩散的半径BlurMaskFilter.Blur.NORMAL：整个图像都被模糊掉BlurMaskFilter.Blur.SOLID：图像边界外产生一层与图像颜色一致阴影效果。
Android使用shape绘制阴影图层阴影效果示例
08-27
本篇文章主要介绍了Android使用shape绘制阴影图层阴影效果示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Android开发：用Drawable XML绘制带阴影效果的圆形按钮
a5597942的专栏
04-14 2221
众所周知，在Android开发里，为了优化在各种分辨率设备上的显示效果，同一份图片素材往往要提供mdpi、hdpi、xhdpi三种（以前还有ldpi），尤其是按钮类的素材，考虑到normal、pressed、focused更是需要至少3×3=9张图片。NinePatch技术虽然可以解决一部分尺寸灵活性的问题，但大部分修改和适配还是要再次制作一批图片的。 根据交互设计的需要，可以考虑用Draw
android阴影渐变效果[备用保存]
CherryChen
06-13 1308
&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt; &lt;item&gt; &lt;shape android:shape="rectangle"&
Android实现ImageView阴影和图层效果
08-31
本篇文章将详细介绍如何在Android中实现ImageView的阴影和图层效果，以及相关的技术实现。 首先，阴影效果是通过`Paint`类的`setShadowLayer()`方法来实现的。该方法接受四个参数：模糊半径（radius）、x偏移量、y...
精选资源
Android实现图片添加阴影效果的2种方法
01-20
本文将介绍两种在Android中实现图片阴影效果的方法。 ### 第一种方法：自定义Drawable（layer-list） 这种方法利用了Android的`<layer-list>` XML资源来创建阴影效果。在`show_view.xml`中，我们定义了一个包含两...
android shape实现阴影或模糊边效果
08-25
Android Shape 实现阴影或模糊边效果 在 Android 开发中，实现阴影或模糊边效果是非常常见的需求，特别是在设计用户界面时。今天，我们将介绍如何使用 Android Shape 实现阴影或模糊边效果。 首先，让我们来了解...
Android实现图片阴影效果的方法
09-04
Android提供了多种方式来实现图片阴影效果，这里主要介绍通过`Paint`类的`setShadowLayer()`方法和`PorterDuffXfermode`来实现。以下是详细的知识点解释： 1. **`Paint`类**： `Paint`类是Android图形库中的核心...
Android 控件阴影设置
08-10
第三方控件，可以给控件加上阴影，自己再其基础上拓展了一下，加上了圆角阴影的设置，以及圆角弧度，可以结合文章以前看
Android 设置阴影效果
01-14 8681
1. android api（限制  21 以上 ） 在layout中设置elevation，使用android:elevation属性。在代码中设置，使用View.setElevation()方法。设置一个View的translation，使用View.setTranslationZ()方法。ViewPropertyAnimator.z()和ViewPropertyAnimator.transl...
Android阴影绘制的方式
xiaokangss的博客
10-19 2066
不管是自定义View也还是自定义ViewGroup，都是一样的效果，我们都是通过Paint画笔自己画出阴影，本质都是操作onDraw方法。核心类就是 BlurMaskFilter 类，它的兼容性比较好，它通过一个模糊的遮罩来实现几个重要参数：mMaskRadius:扩散的半径BlurMaskFilter.Blur.NORMAL：整个图像都被模糊掉BlurMaskFilter.Blur.SOLID：图像边界外产生一层与图像颜色一致阴影效果。
android 实现 drawable 边框阴影效果（渐变效果 ）在线征集名字真不会起名
unknown_315的博客
06-30 1092
我擦 真是一圈一圈实现渐变 珍惜 创建一个drawable 代码应该直接粘过去就能用 为转载博客 事情是这样的 时间久远 真是不知道地址了 项目当时需要用到这个 但是耐不住岁月变迁 项目要迭代了 这个页面删除不用了 太可惜了 枉费我当时花这么长时间去寻找它 必须留下点痕迹 拿来分享给大家 根据项目做了一些改动 将就看 自己改 其中一些单位（dp px 大家自己看着改 别嫌我的垃圾 纯属懒得改） <?xml version="1....
Android自定义Drawable，增加渐变阴影、部分渐变（圆角、部分圆角、圆形）
_xiangpan
07-04 2797
自定义Drawable，增加渐变阴影、部分渐变（圆角、部分圆角、圆形） 一、先上效果图 二、思路 1、圆角 1）绘制shadow * 2）绘制遮挡部分shadow 3）绘制圆角图 2、部分圆角 1）绘制shadow * 2）绘制遮挡部分shadow 3）绘制圆角图 4）绘制遮挡部分圆角 3、圆形 1）...
Android MaterialShapeDrawable 阴影
chuyouyinghe的专栏
07-28 1679
方便开发人员给控件添加样式。
Android如何实现阴影
让学习编程变得生动有趣~
03-14 3093
我们知道，Google 在 2014 年 I/O大会上发布的一种新的设计规范——Material Design，这种设计规范给 Android UI 设计带来了很多的变化。比如，更加强调真实性、有立体感，由此引发的一系列针对阴影的UI设计。我相信，很多专注业务逻辑的Android程序员，拿着这样的一个UI效果，往往一头雾水。所以，我仅在此抛砖引玉，希望打开他们的思路，更好的满足UI的要求。 好的...
ShadowDrawable：轻量级Android阴影解决方案
gitblog_09003的博客
09-13 381
ShadowDrawable：轻量级Android阴影解决方案 项目基础介绍及编程语言 ShadowDrawable是一个由Java编写的开源项目，专注于在Android平台上实现简单而高效的视图阴影效果。它提供了一个简洁的API来为应用程序中的View添加美观且性能友好的阴影，从而提升UI的视觉深度和质感。此项目适用于追求精致UI设计的开发者。 核心功能 简易阴影配置：允许开发者通过几行代码配...
【亲测免费】 ShadowDrawable：轻松实现Android阴影效果
gitblog_00240的博客
08-16 1029
ShadowDrawable：轻松实现Android阴影效果 在Android应用开发中，我们常常遇到需要为UI元素添加阴影效果以提升界面的立体感和用户体验。然而，原生Android API对于阴影效果的支持并不直接，这往往给开发者带来了不小的困扰。今天，我将向大家推荐一个优秀的开源库——ShadowDrawable，它能帮助你在几行代码内实现灵活且高质量的阴影效果。 项目介绍 ShadowDra...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值