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