對於Kotlin的環境配置我就不說了，不知道的朋友可以看以下連結
Kotlin學習過程 一 Kotlin外掛安裝和第一個Kotlin app - z979451341的部落格 - CSDN部落格
http://blog.csdn.net/z979451341/article/details/73028391
在module的build.gradle里加

compile 'org.jetbrains.anko:anko-sdk15:0.8.3' // sdk19, sdk21, sdk23 are also available
compile 'org.jetbrains.anko:anko-support-v4:0.8.3'
 
 // In case you need support-v4 bindings
compile 'org.jetbrains.anko:anko-appcompat-v7:0.8.3' // For appcompat-v7 bindings

Anko的作用就是代替xml，我們使用Anko來完成佈局
1 。 先讓我們寫一個最簡單的例子來了解Anko的程式碼風格

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import org.jetbrains.anko.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate
 
(savedInstanceState)

        verticalLayout {
            button("Ok")
            button("Cancel")
        }
    }

}

這個例子非常簡單，沒有什麼程式碼，都是button（“”）,甚至可以button（），而這樣的使用物件有TextView, EditText, Button ， ImageView。這樣的配置預設是android:layout_width=”match_parent”
android:layout_height=”wrap_content”
還有就是verticalLayout相當於vertical的LinearLayout

2 .讓我說一下關於控制元件的Layouts 和 LayoutParams屬性

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import org.jetbrains.anko.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        linearLayout {
            button("Login") {
                textSize = 26f
            }.lparams(width = wrapContent) {
                horizontalMargin = dip(5)
                topMargin = dip(10)
            }
        }

    }

}

屬性含義:
• horizontalMargin 同時設定 left 和 right margins,
• verticalMargin 同時設定 top 和 bottom
• margin 同時設定4個方向的 margins.
還有就是我們還可以使用relativeLayout，和我們在xml使用的一樣有些命令不能使用或者效果不同與linearLayout

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import org.jetbrains.anko.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val ID_OK = 1

        relativeLayout {
            button("Ok") {
                id = ID_OK
            }.lparams { alignParentTop() }

            button("Cancel").lparams { below(ID_OK) }
        }


    }

}

3 。 給控制元件設定Listener

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import org.jetbrains.anko.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)


        relativeLayout {
            button("Login") {
                onClick {
                    toast("Hello!")
                }
            }
        }


    }

}

感覺這程式碼和java程式碼沒啥大的區別
再舉個例子

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import org.jetbrains.anko.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        relativeLayout {

            seekBar {
                onSeekBarChangeListener {
                    onProgressChanged { seekBar, progress, fromUser ->
                        toast("Hello!")
                    }
                }
            }
        }

    }

}

這樣一來就基本上可以說Listener使用Anko能夠完全實現

4 。 include的使用

import android.graphics.Color
import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import android.view.View
import org.jetbrains.anko.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        relativeLayout {

            include<View>(R.layout.activity_main) {
                backgroundColor = Color.RED
            }.lparams(width = matchParent) { margin = dip(12) }
        }

    }

}

5 。Styles，能夠對ViewGroup裡的View賦予一樣的屬性

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import android.widget.EditText
import org.jetbrains.anko.editText
import org.jetbrains.anko.style
import org.jetbrains.anko.verticalLayout

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        verticalLayout {
            editText {
                hint = "Name"
            }
            editText {
                hint = "Password"
            }
        }.style { view -> when(view) {
            is EditText -> view.textSize = 20f
        }}


    }

}

Anko就到此為止了，想要完全掌握還需去做點東西啊
再見