Android开发：复用存在微小差异的ViewGroup布局

针对你需要复用仅两处差异的布局场景，推荐两种高效方案，比重复写布局或通过id逐个查找控件更优雅：

方案一：自定义复合View（适合需扩展逻辑的场景） #

这种方式把布局封装成一个独立的View，方便在布局和代码中统一管理，还能支持自定义属性直接在XML中配置。

步骤1：创建复用布局文件 #

新建res/layout/item_label_value.xml，给两个TextView设置唯一id：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tv_label"
        style="@style/Font"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>

    <TextView
        android:id="@+id/tv_value"
        style="@style/Font"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="end" />
</LinearLayout>

步骤2：定义自定义属性（可选） #

在res/values/attrs.xml中添加自定义属性，支持直接在XML里设置左侧标签文本：

<resources>
    <declare-styleable name="LabelValueView">
        <attr name="labelText" format="string" />
    </declare-styleable>
</resources>

步骤3：编写自定义View类 #

创建LabelValueView.kt（Java写法逻辑一致），封装布局初始化和文本设置方法：

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

    private val labelTv: TextView
    private val valueTv: TextView

    init {
        // 加载复用布局
        LayoutInflater.from(context).inflate(R.layout.item_label_value, this, true)
        // 初始化控件
        labelTv = findViewById(R.id.tv_label)
        valueTv = findViewById(R.id.tv_value)
        
        // 读取XML中设置的自定义属性
        attrs?.let {
            val typedArray = context.obtainStyledAttributes(it, R.styleable.LabelValueView)
            typedArray.getString(R.styleable.LabelValueView_labelText)?.let { text ->
                labelTv.text = text
            }
            typedArray.recycle()
        }
    }

    // 设置左侧标签文本
    fun setLabelText(text: String) {
        labelTv.text = text
    }

    // 设置右侧值文本
    fun setValueText(text: String) {
        valueTv.text = text
    }
}

步骤4：在布局中使用 #

直接在需要的地方引用这个自定义View，可通过XML属性设置标签，代码中动态修改值：

<!-- XML中使用 -->
<com.your.package.name.LabelValueView
    android:id="@+id/view_last"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:labelText="@string/lbl_graph_last"/>

<com.your.package.name.LabelValueView
    android:id="@+id/view_avg"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:labelText="@string/lbl_graph_avg"/>

// 代码中动态设置值
view_last.setValueText("25°C")
view_avg.setValueText("22°C")

方案二：DataBinding（适合纯数据绑定场景） #

如果只是简单的文本替换，DataBinding能省去大量findViewById代码，直接通过数据驱动UI更新。

步骤1：开启DataBinding #

在模块的build.gradle中启用DataBinding：

android {
    ...
    buildFeatures {
        dataBinding true
    }
}

步骤2：修改复用布局为DataBinding布局 #

新建res/layout/item_label_value.xml，用<layout>包裹，定义绑定变量：

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="label"
            type="String"/>
        <variable
            name="value"
            type="String"/>
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            style="@style/Font"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@{label}"/>

        <TextView
            style="@style/Font"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="end"
            android:text="@{value}"/>
    </LinearLayout>
</layout>

步骤3：在父布局中引用并绑定数据 #

在需要使用的布局中include这个复用布局，直接传递标签和值：

<layout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto">
    <data>
        <variable
            name="lastValue"
            type="String"/>
        <variable
            name="avgValue"
            type="String"/>
    </data>

    <!-- 引用复用布局 -->
    <include
        layout="@layout/item_label_value"
        app:label="@string/lbl_graph_last"
        app:value="@{lastValue}"/>

    <include
        layout="@layout/item_label_value"
        app:label="@string/lbl_graph_avg"
        app:value="@{avgValue}"/>
</layout>

步骤4：代码中更新数据 #

通过绑定对象直接修改值，自动更新UI：

// Activity中使用
val binding = ActivityMainBinding.inflate(layoutInflater)
binding.lastValue = "25°C"
binding.avgValue = "22°C"
binding.executePendingBindings() // 立即刷新UI
setContentView(binding.root)

方案选择建议 #

• 若后续需要给这个布局添加点击事件、动态样式等逻辑，优先选自定义复合View；
• 若只是简单的文本展示和更新，DataBinding更简洁高效。

内容的提问来源于stack exchange，提问作者Simon Van den Bossche