Anko初探

这是一篇翻译文章，原文请查看Kotlin/Anko
Anko是一个Kotlin类库，它让我们开发Android应用更加快捷和方便，使你的代码更加简洁和易读；
Anko由以下几个方面组成：

• Anko组件：包含意图、对话框、日志等的助手的轻量级库
• Anko布局：以一种快捷和安全的方式实现Android动态布局
• Anko数据库：查询DSL(领域专用语言)和解析Android SQLite数据库
• Anko协同程序：基于kotlinx.coroutines的工具类库

Anok组件

Anko为Android开发者提供了一整套的工具集合，它们包含了以下内容，但不仅限了此

• Intents(意图)
• Dialogs and toasts(对话框和吐司)
• Logging(日志信息)
• Resources and dimensions(资源)

Anko布局

先看一个Anko布局实例(个人感觉像React-Native)

verticalLayout {
val name = editText()
button("Say Hello") {
    onClick { toast("Hello, ${name.text}!") }
}
}

这段代码是在一个线性布局中添加了一个EditText输入框和Button按钮，按钮添加点击事件，点击事件接受一个Lambda表达式
我们来看一下Activity中完整代码

分析：

• 自定义MyActivityUI集成AnkoComonent，并实现createView方法
• ui.apply中括号中是本文的布局，verticalLayout标明是线性布局，后面的中括号是线性布局中的元素和事件
• .view转化为view返回
• MyActivityUI().setContentView中this指代MyActivityUI

结果：布局文件写在了代码中，不在需要layout中的布局文件了，那预览怎么看呢？？？？

预览：anko提供了第三方类库，我们可以通过导入plug后查看

插件 Anko support

预览功能

• 安装：打开Plug，在输入框中输入anko，安装后重启
  • 使用 ：依次打开view-tool windows-anko layout preview,右侧显示预览结果
    

将layout中布局文件转化为代码文件

• 找出要转化的layout布局，执行Code->Convert to Anko Layout DSL
  
• 在包下可以看到转化后的文件和代码
  
• 对转化后的文件重命名，并重写view中显示内容，后侧显示预览结果
  

参考demo