Kotlin实现屏幕底部按钮及ListView上层悬浮按钮（仿Twitter样式）

需求1：屏幕底部固定按钮 #

最常用的两种实现方式：

方式1：使用ConstraintLayout（推荐，布局灵活） #

通过约束将按钮固定在父布局底部，左右对齐，同时让上方的ListView填充剩余空间：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 上方内容（比如ListView） -->
    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@+id/bottomButton"/>

    <!-- 底部按钮 -->
    <Button
        android:id="@+id/bottomButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="底部操作按钮"
        android:paddingVertical="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

方式2：使用LinearLayout #

通过layout_weight让上方的ListView占满剩余垂直空间，按钮自然被挤到底部：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <Button
        android:id="@+id/bottomButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="底部操作按钮"
        android:paddingVertical="16dp"/>

</LinearLayout>

需求2：ListView上方悬浮+按钮 #

核心思路是让按钮处于ListView的视图层级上层，同时通过布局约束或margin控制位置，避免占满宽度：

方式1：使用Material Design FloatingActionButton（推荐） #

自带悬浮样式，直接通过ConstraintLayout定位到合适位置，设置elevation确保层级：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <!-- 悬浮+按钮 -->
    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fabAdd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_baseline_add_24" <!-- 系统自带加号图标 -->
        android:elevation="8dp" <!-- 提升层级，确保在ListView上方 -->
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:layout_marginEnd="16dp"
        android:layout_marginBottom="80dp"/> <!-- 底部留出空间，避免被底部按钮遮挡 -->

</androidx.constraintlayout.widget.ConstraintLayout>

方式2：自定义普通Button实现悬浮效果 #

如果不想依赖Material库，可以自己定义圆形按钮：

1. 先创建圆形背景drawable（res/drawable/circle_btn_bg.xml）：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/teal_200"/>
    <size android:width="60dp" android:height="60dp"/>
</shape>

2. 布局中使用该按钮：

<Button
    android:id="@+id/fabAdd"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:text="+"
    android:textSize="24sp"
    android:textColor="@android:color/white"
    android:background="@drawable/circle_btn_bg"
    android:elevation="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    android:layout_marginEnd="16dp"
    android:layout_marginBottom="80dp"/>

额外说明 #

• 若代码中需要强制调整层级，可调用fabAdd.bringToFront()确保按钮在ListView上方；
• 设置layout_width="wrap_content"或固定宽度，即可避免按钮占满整个屏幕宽度。

内容的提问来源于stack exchange，提问作者Hayat Bellafkih