如何在Anko布局代码中便捷访问各类组件？

嘿，这个问题我之前用Anko开发Android布局时也碰到过！确实，按顺序定义的组件直接引用很省心，但碰到后定义的、父组件或是嵌套在同级里的组件时，就得换点思路了，给你分享几个实用的小技巧：

1. 提前声明lateinit变量 #

这是最直接的解决方案，先在布局代码块的合适作用域内声明一个lateinit组件变量，后续初始化组件时给变量赋值，不管组件定义顺序如何，都能轻松访问：

verticalLayout {
    lateinit var nameInput: EditText
    
    button("Say Hello") {
        onClick { ctx.toast("Hello, ${nameInput.text}!") }
    }
    
    // 后定义的EditText，赋值给提前声明的变量
    nameInput = editText {
        hint = "Enter your name"
    }
}

这种方式适合确定组件一定会被初始化的场景，完美避开空安全的繁琐处理。

2. 给组件设置ID，利用Anko的自动引用 #

Anko支持通过组件ID直接生成可引用的属性，只要给组件设置有效的资源ID，就能在布局任意位置访问它：

verticalLayout {
    button("Get Input") {
        onClick {
            // 直接通过ID引用后定义的EditText
            ctx.toast("Input content: ${name_edit.text}!")
        }
    }
    
    editText {
        id = R.id.name_edit // 设置资源ID
        hint = "Type something here"
    }
}

如果不想用系统资源ID，也可以用View.generateViewId()生成临时ID，效果一致：

val inputId = View.generateViewId()
verticalLayout {
    button("Get Input") {
        onClick { ctx.toast("Content: ${findView<EditText>(inputId).text}!") }
    }
    editText { id = inputId }
}

3. 捕获嵌套组件的引用 #

如果组件嵌套在同级布局里，可以在外部作用域声明变量，然后在嵌套布局内部给变量赋值，外部就能直接访问：

verticalLayout {
    var innerTextInput: EditText? = null
    
    linearLayout {
        innerTextInput = editText {
            hint = "Inner input"
        }
    }
    
    button("Get Inner Input") {
        onClick {
            innerTextInput?.let { ctx.toast("Inner content: ${it.text}!") }
        }
    }
}

4. 访问父组件 #

要访问当前组件的父布局，直接用parent属性即可，不过需要强转成对应的布局类型才能调用其方法：

button("Collapse Parent Layout") {
    onClick {
        (parent as VerticalLayout).apply {
            visibility = View.GONE
        }
    }
}

以上几种方式基本能覆盖所有场景啦，我个人最常用的是lateinit变量+ID引用的组合，代码简洁又不容易出错。

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