如何在Android应用中创建可复用且适配父视图的通用状态头部View

1. 定义状态枚举（规范状态值） #

先创建枚举类限定允许的状态，避免硬编码字符串：

enum class Status {
    HIGH, MEDIUM, LOW, UNKNOWN
}

2. 优化通用布局（使用DataBinding） #

修改你的布局文件（建议命名为layout_status_header.xml），添加DataBinding变量绑定状态文本与样式：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="status"
            type="com.yourpackage.Status" />
    </data>
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:gravity="center_horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="5dp"
            android:text="@string/status_label"/>
        <TextView
            android:id="@+id/view_status"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{status.name.toLowerCase()}"
            android:textColor="@{status == Status.HIGH ? @color/red : 
                          status == Status.MEDIUM ? @color/yellow : 
                          status == Status.LOW ? @color/green : @color/gray}"/>
    </LinearLayout>
</layout>

这里直接通过DataBinding绑定状态文本（自动转小写）和文本颜色，你可根据需求调整背景、字体大小等样式。

3. 创建自定义View封装逻辑 #

封装状态设置逻辑，让父视图调用更简洁：

class StatusHeaderView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : LinearLayout(context, attrs, defStyleAttr) {

    private val binding: LayoutStatusHeaderBinding = LayoutStatusHeaderBinding.inflate(
        LayoutInflater.from(context), this, true
    )

    // 外部调用此方法设置状态
    fun setStatus(status: Status) {
        binding.status = status
        binding.executePendingBindings() // 立即更新UI，避免延迟
    }

    // 可选：获取当前状态
    fun getCurrentStatus(): Status? = binding.status
}

4. 在父布局中引入通用View #

两种引入方式任选：

方式一：自定义View标签（推荐）

<com.yourpackage.StatusHeaderView
    android:id="@+id/status_header"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

方式二：<include>标签

<include
    layout="@layout/layout_status_header"
    android:id="@+id/status_header"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

5. 在父页面中动态更新状态 #

在父Fragment/Activity中，获取实例后直接调用setStatus()即可完成初始化或实时更新：

// 初始化设置状态
val statusHeader = findViewById<StatusHeaderView>(R.id.status_header)
statusHeader.setStatus(Status.LOW)

// 数据变化时更新（比如接口返回新状态）
fun onStatusUpdated(newStatus: Status) {
    statusHeader.setStatus(newStatus)
}

6. 结合LiveData实现自动更新（可选） #

如果状态通过LiveData观察，可在自定义View中添加观察逻辑实现自动更新：

fun observeStatus(liveData: LiveData<Status>, lifecycleOwner: LifecycleOwner) {
    liveData.observe(lifecycleOwner) { status ->
        setStatus(status)
    }
}

父页面调用：

statusHeader.observeStatus(viewModel.statusLiveData, viewLifecycleOwner)

状态变化时会自动刷新UI，无需手动调用setStatus()。

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