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>
相关推荐
00后程序员张9 分钟前
如何在不同 iOS 设备上测试和上架 uni-app 应用 实战全流程解析
android·ios·小程序·https·uni-app·iphone·webview
米豆同学2 小时前
SufraceFlinger图像合成原理(3)-SurfaceFlinger中Layer的创建和销毁
android
米豆同学2 小时前
SufraceFlinger图像合成原理(2)-SurfaceFlinger与应用进程间的通信
android
用户2018792831672 小时前
uses-library:系统应用报NoClassDefFoundError问题
android
叽哥2 小时前
Kotlin学习第 4 课:Kotlin 函数:从基础定义到高阶应用
android·java·kotlin
mg6682 小时前
安卓玩机工具----安卓“搞机工具箱”最新版 控制手机的玩机工具
android·智能手机
诺诺Okami2 小时前
Android Framework- Activity启动2
android
米豆同学2 小时前
SystemUI plugin 开发
android
lichong9514 小时前
【混合开发】vue+Android、iPhone、鸿蒙、win、macOS、Linux之video 的各种状态和生命周期调用说明
android·vue.js·macos
app出海创收老李4 小时前
海外独立创收日记(1)-我是如何从0到1在Google Play获得睡后被动收入的?
android·程序员