如何在Anko DSL中引用其他视图？

Question

我在我的Android项目中使用Anko，但我不知道它如何引用我在DSL中创建的子视图，当引用的视图不在我引用它的同一级别时。

以下代码有效：

alert {
    customView {
        val input = textInputLayout {
            editText {
                hint = "Name"
                textColor =resources.getColor(R.color.highlight)
            }
        }


        positiveButton("OK") { "${input.editText.text}" }
    }
}.show()

但以下代码不起作用：

alert {
    customView {
        val vertical = verticalLayout {
            textView {
                text = "Edit device name"
                textColor = resources.getColor(R.color.highlight)
                textSize = 24F
            }
            val input = textInputLayout {
                editText {
                    hint = "Name"
                    textColor = resources.getColor(R.color.highlight)
                }
            }
        }

        positiveButton("OK") { "${vertical.input.editText.text}" }  // Cannot resolve "input"
    }
}.show()

Answer 1

我认为有两种方法。 超级hacky方式是在textInputLayout块中声明正面按钮。 这是可能的，因为您可以从任何嵌套范围内访问所有外部范围，并且在alert范围中声明positiveButton方法：

alert {
    customView {
        verticalLayout {
            textInputLayout {
                val editText = editText {
                    hint = "Name"
                }

                positiveButton("OK") { toast("${editText.text}") }
            }
        }
    }
}.show()

声明可以从两个作用域访问的变量的方法就不那么容易了。 但是，您需要使其可以为空，因为您无法立即初始化它：

alert {
    var editText: EditText? = null

    customView {
        verticalLayout {
            textInputLayout {
                editText = editText {
                    hint = "Name"
                }
            }
        }
    }

    positiveButton("OK") { toast("${editText!!.text}") } 
}.show()

Answer 2

我建议使用findViewById（）

alert {
        customView {
            val vertical = verticalLayout {
                textView {
                    text = "Edit device name"
                    textSize = 24F
                }
                val input = textInputLayout {
                    editText {
                        id = R.id.my_id_resource // put your id here
                        hint = "Name"
                    }
                }
            }
            positiveButton("OK") { "${(vertical.findViewById(R.id.my_id_resource) as? EditText)?.text}" }  
        }
    }.show()

Answer 3

你总是可以提高一个视图，通过上下文vertical手动：

customView {
    val vertical = verticalLayout {
        textView {
            text = "Edit device name"
            textColor = resources.getColor(R.color.highlight)
            textSize = 24F
        }
    }

    val input = /*here:*/ vertical.textInputLayout {
        editText {
            hint = "Name"
            textColor = resources.getColor(R.color.highlight)
        }
    }

    positiveButton("OK") { "${input.editText.text}" }
}

Answer 4

我通常使用lateinit修饰符将视图声明为类中的属性; 这样它就不可为空了​​，大多数视图都在一个地方声明，提高了可读性：

lateinit var toolbar: Toolbar

...
appBarLayout {
    toolbar = toolbar {}.lparams(width = matchParent, height = matchParent)
             }.lparams(width = matchParent)
...
setSupportActionBar(toolbar)

Answer 5

可能最好的方法是将Android ID用于稍后需要引用的元素，以及find<T : View>(Int) : T函数。 这允许您从任何地方引用它们，只要视图仍然存在，并且您可以访问应用程序/活动范围。

有关详细信息，请参阅Anko文档

示例案例：动态添加按钮到现有视图

verticalLayout {
  id = R.id.button_container
}
//note that the code below here may be executed anywhere after the above in your onCreate function
//verticalLayout is a Anko subclass of LinearLayout, so using the android class is valid.
val buttonContainer = find<LinearLayout>(R.id.button_container)

val containerContext = AnkoContext.Companion.create(ctx, buttonContainer)
val button = ctx.button {
  text = "click me"
  onClick = { toast("created with IDs!") }
}
buttonContainer.addView(button.createView(containerContext, buttonContainer))