UI问题 --- CardView和其它的控件在同一布局中时,始终覆盖其它控件

原本代码:

复制代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="40dp"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <androidx.cardview.widget.CardView
            android:id="@+id/card_icon"
            android:elevation="0dp"
            android:layout_width="30dp"
            android:layout_height="30dp"
            app:cardCornerRadius="45dp">
            <ImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:src="@drawable/tongji"/>
        </androidx.cardview.widget.CardView>
        <ImageView
            android:id="@+id/more_icon"
            android:elevation="1dp"
            android:layout_width="20dp"
            android:layout_height="10dp"
            android:layout_gravity="bottom||end"
            android:src="@color/money_red"/>
    </FrameLayout>
</LinearLayout>

问题:

card_icon 始终在more_icon之上,但是按照FrameLayout 的特性,最后添加的应该在最上面一层显示。

原因:

CardView 默认会生成阴影效果,这会使其看起来比其他控件高出一层。可以通过 app:elevation 属性或 CardView.setCardElevation() 方法调整 CardView 的高度。

修改后代码:

复制代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="40dp"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <androidx.cardview.widget.CardView
            android:id="@+id/card_icon"
            android:elevation="0dp"
            android:layout_width="30dp"
            android:layout_height="30dp"
            app:cardCornerRadius="45dp">
            <ImageView
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:src="@drawable/tongji"/>
        </androidx.cardview.widget.CardView>
        <ImageView
            android:id="@+id/more_icon"
            android:elevation="2dp"
            android:layout_width="20dp"
            android:layout_height="10dp"
            android:layout_gravity="bottom||end"
            android:src="@color/money_red"/>
    </FrameLayout>
</LinearLayout>
相关推荐
Meteors.8 小时前
安卓源码阅读——01.grade设置binding为true时,xml如何进行映射
android·xml
_李小白9 小时前
【android opencv学习笔记】Day 26: 滤波算法之低通滤波与图像缩放插值
android·opencv·学习
NiceCloud喜云10 小时前
Claude Code Routines 实战:三种触发器跑通云端自动化编码
android·运维·数据库·人工智能·自动化·json·飞书
我命由我1234513 小时前
Bugly - Bugly 基本使用( App 质量追踪平台)
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
weiggle13 小时前
第二篇:搭建你的第一个 Compose 项目——开发环境与项目结构
android·前端
阿巴斯甜13 小时前
为什么 AIDL 接口客户端、服务端要写两份一模一样的?
android
weiggle14 小时前
第一篇:Jetpack Compose 宣言——为什么 Android 开发需要声明式 UI
android
城管不管16 小时前
什么是Prompt?
android·java·数据库·语言模型·llm·prompt
weiggle16 小时前
Jetpack Compose 重组机制与性能优化深度剖析
android