用Kotlin写Android 01 难道只有环境搭建这么简单？

﹏ヽ暗。殇╰゛Y 2022-01-25 15:05 155阅读 0赞

从这周开始，每周一的文章推送将连载 Kotlin Android 开发的文章，大家有关心的题目也可以直接反馈给我，这样也可以帮助我提高后续文章的针对性。

亲爱的小伙伴，阅读本文之前，请确保你对 Kotlin 有一定的了解，并且你的 Android Studio 或者 IntelliJ Idea 已经安装了 Kotlin 的插件。如果没有，果断回去先看我的 Kotlin 视频(https://github.com/enbandari/Kotlin-Tutorials) 第一集 :)

## 1 千里之行，始于 Hello World ##

话说我们入坑 Kotlin 之后，要怎样才能把它运用到 Android 开发当中呢？我们作为有经验的开发人员，大家都知道 Android 现在基本上都用 gradle 构建，gradle 构建过程中只要加入 Kotlin 代码编译的相关配置，那么 Kotlin 的代码运用到 Android 的问题就解决了。

这个问题有何难呢？Kotlin 团队早就帮我们把这个问题解决了，只要大家在 gradle 配置中加入：

![0?wx\_fmt=png][0_wx_fmt_png]

就可以了，这与我们在普通 Java 虚拟机的程序的插件不太一样，不过其他的都差不多，比如我们需要在 buildScript 当中添加的 dependencies 与普通 Java虚拟机程序毫无二致：

![0?wx\_fmt=png][0_wx_fmt_png 1]  
当然，我们还要在应用的 dependencies 当中添加 Kotlin 标准库：

![0?wx\_fmt=png][0_wx_fmt_png 2]

有了这些，你的 Kotlin 代码就可以跑在 Android 上面了！当然，你的代码写在 src/main/java 或是 src/main/kotlin 下都是可以的。这不重要了，我觉得把 Java 和 Kotlin 代码混着写就可以了，没必要分开，嗯，你最好不要感觉到他们是两个不同的语言，就酱紫。

![0?wx\_fmt=png][0_wx_fmt_png 3]  
我们定义一个 TextView 的成员，由于我们只能在 onCreate 当中初始化这个成员，所以我们只好用 lateinit 来修饰它。当然，如果你不怕麻烦，你也可以选择 TextView? ，然后给这个成员初始化为 null。

接着我们就用最基本的写法 findViewById、类型强转拿到这个 textView 的引用，然后 setText。

运行自然是没有问题的。

不过，不过！我如果就写这么点儿就想糊弄过去这一周的文章，番茄鸡蛋砸过来估计够我吃一年的西红柿炒鸡蛋了吧（我~就~知~道~，我这一年不用愁吃的了！）

## 2 Anko 已经超神 ##

要说用 Kotlin 写 Android，Anko 谁人不知谁人不晓，简直到了超神的地步。好好，咱们不吹牛了，赶紧把它老人家请出来：

![0?wx\_fmt=png][0_wx_fmt_png 4]

稍微提一句 anko-sdk 的版本选择：

*  org.jetbrains.anko:anko-sdk15 ： 15 <= minSdkVersion < 19
 *  org.jetbrains.anko:anko-sdk19 ： 19 <= minSdkVersion < 21
 *  org.jetbrains.anko:anko-sdk21 ： 21 <= minSdkVersion < 23
 *  org.jetbrains.anko:anko-sdk23 ： 23 <= minSdkVersion

当然除了这些之外，anko 还对 cardview、recyclerview等等做了支持，大家可以按需添加，详细可以参考 Github - Anko

另外，也建议大家用变量的形式定义 anko 库的版本，比如：

![0?wx\_fmt=png][0_wx_fmt_png 5]

好，有了 Anko 我们能干什么呢？

![0?wx\_fmt=png][0_wx_fmt_png 6]

还记得 findViewById 么？变成 find 了，而且强转也没有了，是不是很有趣？你一定有疑问，Anko 究竟干了啥，一下子省了这么多事儿，我们跳进去看看 find 的真面目：

![0?wx\_fmt=png][0_wx_fmt_png 7]

首先它是个扩展方法，我们暂时只用到了 Activity 的扩展版本，实际上 View、Fragment 都有这个扩展方法；其次，它是个 inline 方法，并且还用到了 reified 泛型参数，我们本来应该这么写：

![0?wx\_fmt=png][0_wx_fmt_png 8]

由于泛型参数的类型可以很容易的推导出来，所以我们在使用 find 的时候不需要显式的注明。

说到这里，其实还是有问题没有说清楚的，reified 究竟用来做什么？其实我们就算不写 inline 和 reified 泛型，这个方法照样是可以用的：

![0?wx\_fmt=png][0_wx_fmt_png 9]

不过呢，这地方用 inline 就省了一次函数调用，并且 reified 也可以消除 IDE 的类型检查提示，所以既然可以，为什么不呢？

当然，用 Anko 的好处不可能就这么点儿，我们今天先按住不说，谁好奇的话可以先自己去看看（我~就~知~道~，你们肯定忍不住！！）~

## 3 不要 findViewById ##

作为第一篇介绍 Kotlin 写 Android 的文章，绝对不能少的就是 kotlin-android-extensions 插件了。在 gradle 当中加配置：

![0?wx\_fmt=png][0_wx_fmt_png 10]

之后，我们只需要在 Activity 的代码当中直接使用在布局中定义的 id 为 hello 的这个 textView，于是：

![0?wx\_fmt=png][0_wx_fmt_png 11]

只要布局添加一个 View，在 Activity、View、Fragment 中其实都可以直接用 id 来引用这个 view，超级爽~

所以，你们不准备问下这是为什么吗？为什么可以这样做呢？

其实要回答这个问题也不难，首先 Android Studio 要能够从 IDE 的层面索引到 hello 这个 View，需要 Kotlin 的 IDE 插件的支持（别问我啥是 IDE 插件，你们用 Kotlin 的第一天肯定都装过）；其次，在编译的时候，编译器能够找到 hello 这个变量，那么还需要 Kotlin 的 gradle 插件支持（我们刚刚好像 apply 了个什么 plugin 来着？）。知道了这两点，我们就要有的放矢了~

> “啊！” 那边的 Kotlin 源码一声惨叫。。。

前方高能。。我们讨论的源码主要在 plugins 目录下的 android-extensions-compiler 和 android-extensions-idea 两个模块当中。

如果让大家自己实现一套机制来完成上面的功能，大家肯定会想，我首先得解析一下 XML 布局文件吧，并把里面的 View 存起来，这样方便后面的查找。我告诉大家，Kotlin 也是这么干的！

AndroidXmlVisitor.kt

![0?wx\_fmt=png][0_wx_fmt_png 12]

这是遍历 XML 标签的代码，典型的访问者模式对吧。如果拿到这个标签，它有 android:id 这个属性，那么小样儿，你别走，老实交代你的 id 是什么！举个例子，如果这个标签是这样的：

![0?wx\_fmt=png][0_wx_fmt_png 13]

那么，name 就是 login 了，既然 name 不为空，那么调用 elementCallback，其实就是把它记录了下来。

IDEAndroidLayoutXmlFileManager.kt

![0?wx\_fmt=png][0_wx_fmt_png 14]

接着想既然我们找到了所有的布局带有 id 的 view，那么我们总得想办法让 Activity 它们找到这些 view 才行对吧，而我们发现其实在引用它们的时候总是要导入一个包，包名叫做：

![0?wx\_fmt=png][0_wx_fmt_png 15]

几个意思？Kotlin 编译器为我们创建了一个包？

AndroidPackageFragmentProviderExtension.kt

![0?wx\_fmt=png][0_wx_fmt_png 16]

注意到，这里的 packageFqName 其实就是我们前面提到的

![0?wx\_fmt=png][0_wx_fmt_png 17]

不对呀，怎么创建了两个包呢？其实第二个多了个 .view ，我们在 Activity 当中 导入的包是第一个，但如果是我们用父 view 引用子 view 时，用的是第二个：

![0?wx\_fmt=png][0_wx_fmt_png 18]

好，我们现在知道了，IntelliJ 居然已经通过解析 XML 帮我们偷偷搞出了这么两个虚拟的包，这样我们在代码当中能够引用到这个包就很容易解释了。

这时候可能还会有人比较疑惑点击了 Activity 的 hello 之后如何跳转到 XML 的，这个大家阅读一下 `AndroidGotoDeclarationHandler` 的源码就会很容易的看到答案。

费了这么多篇幅，其实我们只是做好了表面文章。上面的一切其实都是障眼法，别管怎么说，这两个包都是虚拟的，编译的时候该怎么办？

其实编译就简单多了，碰到这样的引用，比如前面的 hello，直接生成 findViewById 的字节码就可以了，我们把 `hello.text = "HelloWorld"` 的字节码贴出来给大家看：

![0?wx\_fmt=png][0_wx_fmt_png 19]

这个是怎么做到的？请大家阅读 `AndroidExpressionCodegenExtension.kt`，

![0?wx\_fmt=png][0_wx_fmt_png 20]

好，到这里，想必大家才能对 Android 的 HelloWorld 代码有一个彻底的理解。

## 4 小结 ##

虽然是 HelloWorld，但要想搞清楚其中的所有秘密，并没有那么简单，很多时候，阅读 Kotlin 源码几乎成了唯一的途径。

谢谢大家的关注和支持~如果有什么问题可以联系我~

[0_wx_fmt_png]: /images/20220125/e660b78b0b2d44808e311093139e8d7e.png
[0_wx_fmt_png 1]: /images/20220125/fae834dd18684787b58d5cf4d444e3a7.png
[0_wx_fmt_png 2]: https://img-blog.csdnimg.cn/img_convert/7f57bca4b06659229b649693c714e22e.png
[0_wx_fmt_png 3]: https://img-blog.csdnimg.cn/img_convert/ae764f7530640a8a4e65a62e491d92d9.png
[0_wx_fmt_png 4]: https://img-blog.csdnimg.cn/img_convert/adf704123a947500421e92b19d836f26.png
[0_wx_fmt_png 5]: https://img-blog.csdnimg.cn/img_convert/e57e6809bc0c558c707da0f765a9c31d.png
[0_wx_fmt_png 6]: https://img-blog.csdnimg.cn/img_convert/385dc68fd33d271d512ddf74bd087bfc.png
[0_wx_fmt_png 7]: https://img-blog.csdnimg.cn/img_convert/e7a0e622e76e4d2ac41af1461aaf25e0.png
[0_wx_fmt_png 8]: https://img-blog.csdnimg.cn/img_convert/11eecbb5b3927409ff28e2626394ef69.png
[0_wx_fmt_png 9]: https://img-blog.csdnimg.cn/img_convert/f98e563b7605b03d63e15f629d0dc2d6.png
[0_wx_fmt_png 10]: https://img-blog.csdnimg.cn/img_convert/57e9fd0c5ff1f0835ad212a77e1b38ea.png
[0_wx_fmt_png 11]: https://img-blog.csdnimg.cn/img_convert/f191f5be1484da95aa0339aceb13eb8a.png
[0_wx_fmt_png 12]: https://img-blog.csdnimg.cn/img_convert/a89a1cbf89dbb152dd8a138da69e34de.png
[0_wx_fmt_png 13]: https://img-blog.csdnimg.cn/img_convert/0a8fcff0ee2dee1c1a50790ec62b9cda.png
[0_wx_fmt_png 14]: https://img-blog.csdnimg.cn/img_convert/3dfe06a227be03c4a460c576401ee291.png
[0_wx_fmt_png 15]: https://img-blog.csdnimg.cn/img_convert/085da36d570682a4ca6c2f58f42ea01e.png
[0_wx_fmt_png 16]: https://img-blog.csdnimg.cn/img_convert/f2b72dabd8938ac86648893db26899df.png
[0_wx_fmt_png 17]: https://img-blog.csdnimg.cn/img_convert/576b1a408aa80235c4d6792d98ef25fb.png
[0_wx_fmt_png 18]: https://img-blog.csdnimg.cn/img_convert/0a386212d79b2e1d7cb94d2847232526.png
[0_wx_fmt_png 19]: https://img-blog.csdnimg.cn/img_convert/816b2deba9dad32413f0c665cfdca1b1.png
[0_wx_fmt_png 20]: https://img-blog.csdnimg.cn/img_convert/12dca69a29a8fadeabc5b7dad99252a6.png