如何在Android Studio中制作含多信息的自定义按钮

为什么选容器而非原生Button #

原生Button仅适合单一文本或简单图标搭配的场景，当你需要在可点击区域内整合多个文本、图标甚至复杂布局时，用容器（如ConstraintLayout）承载所有元素并添加点击交互是更灵活的选择：

• 容器支持自由嵌套TextView、ImageView等组件，完全匹配你的预期布局；
• 给容器设置android:clickable="true"和android:focusable="true"，再绑定点击监听器，就能实现和Button一致的点击响应；
• 通过背景selector可实现点击时的视觉反馈，还原Button的交互体验。

基于你现有代码的修改实现 #

将目标区域用可点击的ConstraintLayout包裹，调整后的完整布局代码如下：

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#00FFFFFF"
    tools:context=".Home">

    <!-- 作为复合按钮的容器 -->
    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/custom_compound_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="70dp"
        android:clickable="true"
        android:focusable="true"
        android:background="@drawable/button_click_selector" <!-- 点击反馈背景 -->
        android:padding="16dp" <!-- 增加内边距优化点击区域 -->
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:id="@+id/imageView20"
            android:layout_width="200dp"
            android:layout_height="80dp"
            android:src="@drawable/logotechtablecolorida"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <TextView
            android:id="@+id/txtUsuario"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="@font/roboto_medium"
            android:text="Olá usuário!"
            android:textColor="@color/black"
            android:textSize="25sp"
            android:layout_marginTop="8dp"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/imageView20" />

        <TextView
            android:id="@+id/textView29"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="@font/roboto_light"
            android:text="Escolha seu restaurante e faça seu pedido"
            android:textAlignment="center"
            android:textSize="18sp"
            android:layout_marginTop="8dp"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/txtUsuario" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

点击反馈背景实现（button_click_selector.xml） #

在res/drawable目录下创建该文件，定义按钮不同状态的背景：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 点击状态 -->
    <item android:drawable="@color/button_pressed" android:state_pressed="true"/>
    <!-- 默认状态 -->
    <item android:drawable="@color/button_normal"/>
</selector>

绑定点击事件 #

在Activity中给容器添加点击逻辑：

Kotlin 实现

findViewById<ConstraintLayout>(R.id.custom_compound_button).setOnClickListener {
    // 这里写按钮点击后的业务逻辑
}

Java 实现

ConstraintLayout customButton = findViewById(R.id.custom_compound_button);
customButton.setOnClickListener(v -> {
    // 这里写按钮点击后的业务逻辑
});

内容的提问来源于stack exchange，提问作者guilherme silva