像 anko layout 一样写布局

anko

如果不了解anko 的 可以去上面的链接看下anko 如何写布局的。

简单实现

首先，Kotlin的扩展函数功能是我们实现anko 的基础条件。
以下实现一个 ViewGroup (LinearLayout) 和 一个 View (TextView)
View 的最简单创建需要 Context，可能是 Activity 的 或者是 View Parent 的。
所以我们需要对 Context ViewGroup 进行扩展。（以下代码都是 在 Ui.kt 下面建的）

private inline fun <reified T : View> Context.handleView(view: T, init: T.() -> Unit): T{
    view.init()
    return view
}

private inline fun <reified T : View> ViewGroup.handleView(view: T, init: T.() -> Unit): T{
    view.init()
    this.addView(view)
    return view
}

如果是从ViewGroup 来的话 还需要把控件添加上去。
接着写一个 LinearLayout 和 TextView 的扩展

fun Context.linearLayout(init : LinearLayout.() -> Unit): LinearLayout {
    return this.handleView(LinearLayout(this), init)
}

fun ViewGroup.linearLayout(init : LinearLayout.() -> Unit): LinearLayout {
    return this.handleView(LinearLayout(this.context), init)
}

fun Context.text(init : TextView.() -> Unit): TextView{
    return this.handleView(TextView(this), init)
}

fun ViewGroup.text(init : TextView.() -> Unit): TextView{
    return this.handleView(TextView(this.context), init)
}

然后写一个布局参数

fun <T: View> T.lparams(
        width: Int = android.view.ViewGroup.LayoutParams.WRAP_CONTENT,
        height: Int = android.view.ViewGroup.LayoutParams.WRAP_CONTENT,
        marginTop: Int = 0,
        marginLeft: Int = 0,
        marginRight: Int = 0,
        marginBottom: Int = 0
): T {
    val layoutParams = LinearLayout.LayoutParams(width, height)
    layoutParams.setMargins(marginLeft, marginTop, marginRight, marginBottom)
    this.layoutParams = layoutParams
    return this
}

写 onClick

fun android.view.View.onClick(l: (v: android.view.View?) -> Unit) {
    setOnClickListener(l)
}

写 padding

fun noGetter(): Nothing = throw IllegalAccessException("Property does not have a getter")

var android.view.View.padding : Int
    set(value) {
        setPadding(value, value, value, value)
    }
    @Deprecated("Property does not have a getter", level = DeprecationLevel.ERROR)
    get() = noGetter()

现在就可以使用了

val layout = linearLayout {
            orientation = LinearLayout.VERTICAL
            padding = 40
            text {
                text = "H0"
                textSize = 16f
                onClick {
                }
            }
            linearLayout {
                lparams(marginTop = 30)
                orientation = LinearLayout.HORIZONTAL
                text {
                    text = "H1"
                }
                text {
                    lparams(marginLeft = 20)
                    text = "H2"
                }
            }
        }
container.addView(layout)

当然也可以扩展 Activity 然后直接添加到 content view 上面，我这里没写。