Android布局复用：如何通过XML重写子组件属性？

嘿，我之前也碰到过类似的需求，官方文档确实没把这些细节讲透，我来分享下实际项目里的解决方法：

一、修改include中子组件的ID #

首先得明确一点：XML里没法直接修改include进来的子组件原有ID，因为这些ID是在layoutBase.xml里固定定义的。但我们可以通过两种方式来区分不同include实例里的子组件：

1. 给标签添加父ID，通过父布局定位子组件 #

给每个include标签设置一个唯一的android:id，之后在代码里先找到这个父布局，再从父布局里获取子组件，这样就能区分不同include里的同名子组件了。

比如layout1.xml中的include：

<include
    android:id="@+id/title_bar_layout1"
    layout="@layout/layoutBase" />

layout2.xml中的include：

<include
    android:id="@+id/title_bar_layout2"
    layout="@layout/layoutBase" />

然后在代码中获取子组件（以Kotlin为例）：

// 获取layout1里的ImageView
val layout1Container = findViewById<LinearLayout>(R.id.title_bar_layout1)
val imgInLayout1 = layout1Container.findViewById<ImageView>(R.id.myImageViewBase)

// 获取layout2里的ImageView
val layout2Container = findViewById<LinearLayout>(R.id.title_bar_layout2)
val imgInLayout2 = layout2Container.findViewById<ImageView>(R.id.myImageViewBase)

2. 使用ViewBinding/DataBinding简化操作 #

如果你的项目用了ViewBinding或者DataBinding，那会更省心——绑定类会自动为每个include生成对应的属性，直接通过绑定对象就能访问对应include里的子组件，不需要手动层层查找。

比如用ViewBinding时，直接这样写：

val binding = ActivityMainBinding.inflate(layoutInflater)
// 访问layout1里的ImageView
binding.titleBarLayout1.myImageViewBase
// 访问layout2里的ImageView
binding.titleBarLayout2.myImageViewBase

二、通过XML修改ImageView的显示图片 #

这个需求可以直接在XML里实现，利用AndroidX提供的tools:override属性来覆盖base布局里ImageView的src属性，步骤如下：

1. XML方式（优先推荐） #

在include标签里直接设置android:src，再加上tools:override="android:src"，告诉系统覆盖base布局里的对应属性。

layout1.xml的示例：

<include
    layout="@layout/layoutBase"
    android:src="@drawable/logo_layout1"
    tools:override="android:src" />

layout2.xml的示例：

<include
    layout="@layout/layoutBase"
    android:src="@drawable/logo_layout2"
    tools:override="android:src" />

⚠️ 注意：这个方法要求项目使用AndroidX，且compileSdkVersion≥28，如果是旧的Support库，XML方式不生效，只能用代码设置。

2. 代码方式兼容旧版本 #

如果没法用XML的override属性，就在代码里找到对应ImageView后设置图片：

// 给layout1里的ImageView设置图片
findViewById<ImageView>(R.id.myImageViewBase).setImageResource(R.drawable.logo_layout1)

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