使用Kotlin優雅的開發Android

不再用findViewById

作過Android開發的人都知道，佈局文件寫的多了，findViewById也是一個很大的工做量，並且還要先聲明變量，在findViewById而後再強轉成咱們的控件，使用方式通常以下

TextView username;
username=(TextView)findViewById(R.id.user);

username.setText("我是一個TextView");

•  

有時候寫的是否是想吐，可能有些人說如今不是有一些註解的庫，如butterknife,當咱們使用註解時能夠不用findViewById了,使用方式以下

@BindView(R.id.user)
TextView username;

username.setText("我是一個TextView");

• 確實是這樣，使用註解後確實給咱們少了一些工做量，不過這依然沒有最簡單化，最簡單的就是咱們能夠直接給id爲user的控件直接賦值，或許你會感受這有點難以想象。不過Kotlin確實作到了。咱們能夠直接這樣寫

user.text="我是一個TextView"

• 看到這你是否是有一種相見恨晚的感受，太Tama的簡潔了。user就是咱們佈局文件聲明的id，.text就想當與setText()給，在Kotlin語言中，咱們看不到了像Java中的set/get方法了。須要注意的是，當咱們想這樣使用的時候（不用findViewById,直接使用xml控件咱們須要在gradle加入apply plugin: ‘kotlin-android-extensions’），須要加入下面一句代碼

//activity_login就是咱們的佈局
import kotlinx.android.synthetic.main.activity_login.*

• Anko Layout

一般咱們使用xml文件寫咱們的佈局，可是他有一些缺點如不是類型安全，不是空安全，解析xml文件消耗更多的CPU和電量等等。而Anko Layout可使用DSL動態建立咱們的UI，而且它比咱們使用Java動態建立佈局方便不少主要是更簡潔，它和擁有xml建立佈局的層級關係，能讓咱們更容易閱讀。

verticalLayout {
            val textView=textView("我是一個TextView")
            val name = editText("EditText")
            button("Button") {
                onClick { toast("${name.text}!") }
            }
        }

咱們在OnCreate方法中能夠去掉setContentView，而後加入上面代碼就能夠顯示以下圖的效果，即一個垂直的線性佈局中，放了一個TextView,一個EditText,和一個Button。而且Button中有一個點擊事件，當點擊時將EditText的內容 
以toast顯示。 

上面的代碼是否是很簡單易懂，固然，默認的控件並不能知足咱們的需求，例如咱們會更改字體的顏色及大小，會設置寬度和高度，會設置margin，padding值，那麼該如何實行呢，固然也很簡單，由於它的邏輯和xml書寫佈局是一個套路。例如如下實現

val textView=textView("我是一個TextView"){
                textSize = sp(17).toFloat()
                textColor=context.resources.getColor(R.color.red)
            }.lparams{
                margin=dip(10)
                height= dip(40)
                width= matchParent
            }

我想我不須要說明上面的代碼，你就應該看得出控件實行的效果。由於它的屬性和咱們在xml設置屬性的名字對應的。

在上面建立UI過程當中，咱們直接把建立UI的代碼寫在onCreate方法中了，固然，還有一種寫法。咱們建立一個內部類實行AnkoComponent接口，並重寫createView方法，該方法返回一個View，也就是咱們建立的佈局。修改以下

inner class UI : AnkoComponent<LoginActivity> {
        override fun createView(ui: AnkoContext<LoginActivity>): View {
           return with(ui){
               verticalLayout {
                   val textView=textView("我是一個TextView"){
                       textSize = sp(17).toFloat()
                       textColor=context.resources.getColor(R.color.red)
                   }.lparams{
                       margin=dip(10)
                       height= dip(40)
                       width= matchParent
                   }
                   val name = editText("EditText")
                   button("Button") {
                        onClick { view ->
                            toast("Hello, ${name.text}!")
                        }
                   }
               }
           }
        }
    }

而後在onCreate方法中加一句代碼,便可建立咱們的佈局頁面了。以下

UI().setContentView(this@LoginActivity)

• 如今咱們編譯運行，發現效果和佈局文件寫的界面是同樣的。可是它的性能是有優點的，其實吧並無發覺性能優點。無論怎樣，這種DSL確實便於閱讀，也很容易上手，在上面的代碼中，你可能注意到了dip(10),它表示將10dp轉換爲像素的意思，是Anko的擴展函數，說的擴展函數，若是閱讀過Anko的源碼咱們發現裏面大量的使用擴展函數，這也是Kotlin語言的優點之一。確實很強大，例如dip擴展（摘取View擴展）

inline fun View.dip(value: Int): Int = context.dip(value)
fun Context.dip(value: Int): Int = (value * resources.displayMetrics.density).toInt()

• 在上面resources.displayMetrics.density和咱們Java getResources().getDisplayMetrics().density是一個效果，不過看着你會不會感受比Java書寫舒服多了，反正我是這麼感受的。

在上面的咱們給Button加了一個點擊事件，咱們發現它支持lambda表達式。咱們想顯示一個Toast，只須要toast(「內容」)就能夠了，是否是又很簡潔。其實它也是擴展函數，實現

inline fun AnkoContext<*>.toast(message: CharSequence) = ctx.toast(message)
fun Context.toast(message: CharSequence) = Toast.makeText(this, message, Toast.LENGTH_SHORT).show()

• 固然建立dialog依然也很簡單，以下

alert ("我是Dialog"){
                      yesButton { toast("yes")}
                      noButton {  toast("no")}
                    }.show()

•  

真是越看越舒心，哈哈。再來一個強大而又很簡單很簡單很簡潔的一段代碼實現。

doAsync {
            //後臺執行代碼
            uiThread { 
            //UI線程
            toast("線程${Thread.currentThread().name}") }
        }

•  

該段代碼實現的就是AsyncTask 的效果，可是你應該發現它比Java的實現簡潔多了，固然除非是色盲，要否則你會看出簡潔的。

若是你使用Kotlin開發Android一段時間後，會發現它給咱們減小了不少的代碼量，固然更多的優點及用法須要咱們本身去探索。相信通過探索後它會讓你大吃一驚。

實現一個簡單的登陸界面

界面很簡單，僞代碼

<LinearLayout>

<ImageView/>

<LinearLayout> <ImageView/><EditText帳號/><LinearLayout>

<LinearLayout> <ImageView/><EditText密碼/><LinearLayout>

<Button 登陸/>

<LinearLayout> <CheckBox 記住密碼/><TextView 隱私協議xieu/><LinearLayout>

<TextView/>

</LinearLayout>

看着並不複雜的，那麼xml實現的代碼就不在這貼出了，若是你想看xml實現可看點擊查，那麼接下來來只看Anko在Kotlin代碼中實現這個佈局。

lateinit var et_account: EditText
    lateinit var et_password: EditText
    inner class LoginUi : AnkoComponent<LoginActivity> {
        override fun createView(ui: AnkoContext<LoginActivity>) = with(ui) {
            verticalLayout {
                backgroundColor = context.resources.getColor(android.R.color.white)
                gravity = Gravity.CENTER_HORIZONTAL
                imageView(R.mipmap.ic_launcher).lparams {
                    width = dip(100)
                    height = dip(100)
                    topMargin = dip(64)
                }

                linearLayout {
                    gravity = Gravity.CENTER_VERTICAL
                    orientation = HORIZONTAL
                    backgroundResource = R.drawable.bg_frame_corner
                    imageView {
                        image = resources.getDrawable(R.mipmap.ic_username)
                    }.lparams(width = wrapContent, height = wrapContent) {
                        leftMargin = dip(12)
                        rightMargin = dip(15)
                    }
                    et_account = editText {
                        hint = "登陸帳戶"
                        hintTextColor = Color.parseColor("#666666")
                        textSize = 16f
                        background = null
                    }
                }.lparams(width = dip(300), height = dip(40)) {
                    topMargin = dip(45)
                }

                linearLayout {
                    orientation = HORIZONTAL
                    backgroundResource = R.drawable.bg_frame_corner
                    gravity = Gravity.CENTER_VERTICAL
                    imageView {
                        image = resources.getDrawable(R.mipmap.ic_password)
                    }.lparams {
                        leftMargin = dip(12)
                        rightMargin = dip(15)
                    }
                    et_password = editText {
                        hint = "登陸密碼"
                        hintTextColor = Color.parseColor("#666666")
                        textSize = 16f
                        background = null
                    }
                }.lparams {
                    width = dip(300)
                    height = dip(40)
                    topMargin = dip(10)

                }

                button("登陸") {
                    gravity = Gravity.CENTER
                    background = resources.getDrawable(R.drawable.bg_login_btn)
                    textColor = Color.parseColor("#ffffff")
                    onClick {
                        if (et_account.text.toString().isNotEmpty() && et_password.text.toString().isNotEmpty())
                            startActivity<MainActivity>() else toast("請輸入帳戶或者密碼")
                    }
                }.lparams(width = dip(300), height = dip(44)) {
                    topMargin = dip(18)
                }
                linearLayout {
                    orientation = HORIZONTAL
                    gravity = Gravity.CENTER_VERTICAL
                    checkBox("記住密碼") {
                        textColor = Color.parseColor("#666666")
                        textSize = 16f
                        leftPadding = dip(5)
                    }
                    textView("隱私協議") {
                        textColor = Color.parseColor("#1783e3")
                        gravity = Gravity.RIGHT
                        textSize = 16f
                    }.lparams(width = matchParent)
                }.lparams(width = dip(300)) {
                    topMargin = dip(18)
                }

                textView("Copyright © Code4Android") {
                    textSize = 14f
                    gravity = Gravity.CENTER or Gravity.BOTTOM

                }.lparams {
                    bottomMargin = dip(35)
                    weight = 1f
                }
            }
        }
    }

•  

看到上面的代碼怎麼樣，看起來還不錯吧，即便如今你不會寫，可是你也能讀懂它。在上面咱們給登陸按鈕設置一個打開MainActivity的事件。startActivity的<>中寫的是咱們要跳轉的Activity，若是給打開的界面傳遞參數，直接寫在（）中。例如咱們將輸入的帳號和密碼傳到跳轉的界面，則實現爲

startActivity<MainActivity>("account" to et_account.text.toString(),"password" to et_password.text.toString())

•  

其實Anko的強大之處遠不止於此，值得咱們細細品味。