文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android怎么实现阴影效果

2023-07-02 11:01

关注

这篇文章主要介绍了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"    />

Android怎么实现阴影效果

官网介绍

Android怎么实现阴影效果

CardView属性

CardViewAndroid提供的官方控件自身支持设置阴影效果。阴影实现由cardElevationcardMaxElevation实现。

<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"    />

Android怎么实现阴影效果

shadow属性

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

<TextViewandroid: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配置文件

通过配置xmllayer属性文件实现阴影效果。使用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>

Android怎么实现阴影效果

自定义实现

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

@Overridepublic 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怎么实现阴影效果”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯