如何为手机/平板多套同ID布局使用ViewBindings？

你遇到的问题本质是基类ViewBinding无法暴露子类自动生成的控件属性——ActivityGamePhoneBinding和ActivityGameTabletBinding都是ViewBinding的子类，但你把变量声明成了基类类型，所以只能访问root。这里给你两种实用的解决方案：

方案一：双变量+统一访问属性（简单直接） #

在Activity中分别声明手机和平板的Binding变量，再通过一个val属性统一对外提供访问入口：

class GameActivity: AppCompatActivity() {
    private lateinit var phoneBinding: ActivityGamePhoneBinding
    private lateinit var tabletBinding: ActivityGameTabletBinding
    // 自动根据设备类型返回对应Binding的统一入口
    private val binding get() = if (AppData.instance.isTablet) tabletBinding else phoneBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        if (AppData.instance.isTablet) {
            tabletBinding = ActivityGameTabletBinding.inflate(layoutInflater)
            setContentView(tabletBinding.root)
        } else {
            phoneBinding = ActivityGamePhoneBinding.inflate(layoutInflater)
            setContentView(phoneBinding.root)
        }
        // 现在可以直接访问控件属性
        val btn = binding.menuBtn
        btn.setOnClickListener { /* 逻辑处理 */ }
    }
}

这种方式无需额外编写接口或扩展，适合控件数量不多的场景；后续新增共同控件时，只要两套布局的ID一致，无需修改额外代码。

方案二：接口统一绑定类型（优雅扩展性强） #

如果布局里的共同控件较多，建议定义统一接口，让两个Binding类通过扩展函数实现该接口，用接口类型统一访问控件：

步骤1：定义接口，声明所有共同控件 #

interface GameActivityBinding {
    val root: View
    val menuBtn: Button
    // 按实际布局补充其他共同控件，比如val scoreTv: TextView
}

步骤2：给自动生成的Binding类写扩展实现接口 #

// 手机布局Binding的扩展实现
fun ActivityGamePhoneBinding.asGameBinding(): GameActivityBinding = object : GameActivityBinding {
    override val root: View get() = this@asGameBinding.root
    override val menuBtn: Button get() = this@asGameBinding.menuBtn
    // 对应其他控件，比如override val scoreTv: TextView get() = this@asGameBinding.scoreTv
}

// 平板布局Binding的扩展实现
fun ActivityGameTabletBinding.asGameBinding(): GameActivityBinding = object : GameActivityBinding {
    override val root: View get() = this@asGameBinding.root
    override val menuBtn: Button get() = this@asGameBinding.menuBtn
    // 对应其他控件
}

步骤3：在Activity中使用统一接口类型 #

class GameActivity: AppCompatActivity() {
    private lateinit var binding: GameActivityBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = if (AppData.instance.isTablet) {
            ActivityGameTabletBinding.inflate(layoutInflater).asGameBinding()
        } else {
            ActivityGamePhoneBinding.inflate(layoutInflater).asGameBinding()
        }
        setContentView(binding.root)
        // 直接通过接口访问控件
        val btn = binding.menuBtn
    }
}

这种方式代码结构更清晰，后续新增控件只需在接口和扩展函数中补充一次，适合复杂页面的多布局场景。

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