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>
相关推荐
YB13752 分钟前
Jetpack Compose 动画AnimatedContent
android
美狐美颜SDK开放平台11 小时前
准备开发直播APP?视频美颜SDK接入前的十项检查清单
android·ios·音视频·直播美颜sdk·视频美颜sdk
传奇开心果编程11 小时前
【Jetpack Compose娓娓道来】第26课:Repository模式与数据层设计——数据的唯一入口
android·移动开发·1024程序员节·jetpack compose·编程语言理论·编程框架·声明式ui
三少爷的鞋15 小时前
Kotlin 协程,重点就在「协」这个字上
android·kotlin
好的佩奇16 小时前
Dart 之模式
android·flutter·dart
淡淡的香烟18 小时前
Flutter实现多语言切换
android·flutter·1024程序员节
AIsoft_868920 小时前
手机视频转文字工具清单:哪些APP支持录屏识别
android·音视频
_祝你今天愉快1 天前
Paint Cavans高级绘制:[一]Paint画笔高级应用
android
@zulnger1 天前
安卓进行稳定性测试
android·appium·1024程序员节
不吃凉粉1 天前
android 副屏连接
android