Kotlin Programming Cookbook

How to do it…

In the given steps, we will learn how to work with the AnkoComponent interface:

1. Let's start by adding our UI in a different class that implements the AnkoComponent interface like this:

class MainActivityUI : AnkoComponent<MainActivity> {    override fun createView(ui: AnkoContext<MainActivity>) = with(ui) {    verticalLayout {        padding = dip(20)        val name = editText {            id = R.id.name            hint = "What is your name?"        }        val message = editText {            id = R.id.message            hint = "Your message"        }        button("Send") {            id = R.id.btn_send        }    }}

2. Note that the preceding class implements the AnkoComponent interface. We need to override the createView() method and return DSL layout from it. Now, let's see how to get this layout and set it to our activity. Check ...