详解Android如何实现阴影效果

更新时间：2022年06月20日 11:43:05 作者：JulyYu

这篇文章主要为大家详细介绍了Android是如何实现阴影效果的，文中的示例代码讲解详细，对我们学习Android有一定的帮助，需要的可以参考一下

实现形式

elevation

Material Design提供了View的阴影效果设置。主要由两个属性决定：elevation和translationZ。

Z = elevation + translationZ

PS:这种实现方式只有API21以及以上才能支持实现。

elevation属性表示View高度加上高度就会有阴影效果。 translationZ属性表示给View增加一个Z轴的变换效果。配合elevation属性一起使用阴影效果更突出。

<androidx.appcompat.widget.LinearLayoutCompat
    android:layout_margin="15dp"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:background="@android:color/holo_blue_bright"
    android:elevation="10dp"
    android:translationZ="10dp"
    android:paddingBottom="10dp"
    />

官网介绍

CardView属性

CardView是Android提供的官方控件自身支持设置阴影效果。阴影实现由cardElevation和cardMaxElevation实现。

<androidx.cardview.widget.CardView
    android:layout_margin="15dp"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:outlineAmbientShadowColor="@android:color/holo_blue_bright"
    android:outlineSpotShadowColor="@android:color/holo_red_dark"
    app:cardElevation="5dp"
    app:cardMaxElevation="10dp"
    />

shadow属性

若是TextView则可以通过shadow属性实现阴影效果

<TextView
android:id="@+id/test_shadow"
android:layout_gravity="center"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:shadowColor="#aa22ff22"
android:shadowDx="0"
android:shadowDy="0"
android:shadowRadius="10"
android:text="Test Shadow"
android:textColor="#cc000000"
android:textSize="60sp" />

layer配置文件

通过配置xml的layer属性文件实现阴影效果。使用layer-list实现两层不同背景色实现叠加实现像是阴影的效果，但最终实现效果并不是例如CardView的渐变阴影效果。

<?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>
            <solid android:color="#60000000"/>
        </shape>
    </item>
    <!-- 背景图片，android:right表示阴影图片右边到背景图片右边的距离
    android:bottom表示阴影图片下边到背景图片下边的距离-->
    <item android:bottom="5dp"
        android:right="5dp">
        <shape>
            <solid android:color="#000000"/>
        </shape>
    </item>
</layer-list>

自定义实现

自定义形式是通过自定义Drawable实现，该形式实现目标View必须关闭硬件加速。自定义Drawable主要通过重写draw方法绘制矩形或圆形形状增加阴影效果。

@Override
public void draw(@NonNull Canvas canvas) {
    if (mBgColor != null) {
        if (mBgColor.length == 1) {
            mBgPaint.setColor(mBgColor[0]);
        } else {
            mBgPaint.setShader(new LinearGradient(mRect.left, mRect.height() / 2, mRect.right,
                    mRect.height() / 2, mBgColor, null, Shader.TileMode.CLAMP));
        }
    }

    if (mShape == SHAPE_ROUND) {
        canvas.drawRoundRect(mRect, mShapeRadius, mShapeRadius, mShadowPaint);
        canvas.drawRoundRect(mRect, mShapeRadius, mShapeRadius, mBgPaint);
    } else {
        canvas.drawCircle(mRect.centerX(), mRect.centerY(), Math.min(mRect.width(), mRect.height())/ 2, mShadowPaint);
        canvas.drawCircle(mRect.centerX(), mRect.centerY(), Math.min(mRect.width(), mRect.height())/ 2, mBgPaint);
    }
}

完整版代码

小结

实现方式	优缺点
elevation	优点：自带功能实现简单缺点：不可自定义颜色
CardView	优点：自带功能实现简单缺点：自带圆角不一定可适配所有需求
Textshadow	优点：自带功能实现简单缺点：只可在TextView中使用
layer	优点：实现形式简单缺点：效果一般
自定义实现	优点：实现效果好可配置能力高缺点：需要开发者自行开发

到此这篇关于详解Android如何实现阴影效果的文章就介绍到这了,更多相关Android阴影效果内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Flutter+Metal实现图像处理详细流程
Flutter使用CVPixelBuffer和iOS交互，我们可以直接使用CVPixelBuffer创建MTLTexture，然后将MTLTexture设置为渲染目标，这篇文章主要介绍了Flutter+Metal实现图像处理,需要的朋友可以参考下
2022-06-06
Android实现音乐播放进度条传递信息的两种方式(在service和activity中)
这篇文章主要介绍了Android：在service和activity之中，实现音乐播放进度条传递信息的两种方式，MediaPlayer做音乐播放器采坑以及解决办法,需要的朋友可以参考下
2020-05-05
Android指纹识别功能深入浅出分析到实战（6.0以下系统解决方案）
指纹识别在现实应用中已经很多了，本篇文章主要介绍了Android指纹识别功能，具有一定的参考价值，有需要的可以了解一下。
2016-11-11
分享几个Android开发有用的程序代码
本文主要是给大家分享了几个常用而且很实用的程序代码片段，都是个人项目中提取出来的，有需要的小伙伴可以直接拿走使用
2015-02-02
Kotlin实现网络图片下载和保存功能
根据Android多线程和网络编程的知识讲解和案例使用，使用Handler消息机制实现网络图片下载，并且保存到模拟器中，强化对Android多线程编程、网络编程和文件读写的理解，这篇文章主要介绍了Kotlin实现网络图片下载和保存功能,需要的朋友可以参考下
2023-02-02
深入理解Android 5.0中的Toolbar
相信大家都有所体会，搜索Toolbar相关文章满天飞，但是大都不是很全面，每次要用到的时候又要重头过滤一遍。而且随着版本升级很多较早的文章的方法已经失效，最近刚好好用到Toolbar，就将相关配置整理下，方便以后需要的时候或者有需要的朋友们参考学习。
2017-01-01
Android Touch事件分发深入了解
这篇文章主要为大家详细介绍了Android Touch事件分发，内容很详细，感兴趣的朋友可以参考一下
2016-04-04
Android 中ViewPager中使用WebView的注意事项
这篇文章主要介绍了Android 中ViewPager中使用WebView的注意事项的相关资料,希望通过本文大家在使用过程中遇到这样的问题解决，需要的朋友可以参考下
2017-09-09
Android提高之自定义Menu(TabMenu)实现方法
这篇文章主要介绍了Android自定义Menu(TabMenu)实现方法,是非常实用的功能,需要的朋友可以参考下
2014-08-08
Android如何实现设备的异显功能详解
这篇文章主要给大家介绍了关于Android如何实现设备的异显功能的相关资料,这篇文章通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友可以参考下
2022-02-02