[Kotlin&Anko开发Android入门学习笔记]-02Kotlin如何使用Android第三方库

一、背景说明

我们想将我们之前的项目，使用Kotlin重构，那么，在原来项目，会有一些第三方库（或者自己封装的自定义控件），我们总不能将人家的库也给重新用Kotlin重写吧。由于Kotlin支持Java代码，所以，主要思路是，使用Anko将我们要用到的库扩展，然后，需要用到的库中的方法属性，根据库文档进行适当的Kotlin调用。我将使用Fresco的SimpleDraweeView这个控件进行简单的举例。

二、配置SimpleDraweeView

关于Fresco，可以参考最新的文档进行相应的配置。首先配置app/build.gradle：

1. compile 'com.facebook.fresco:fresco:0.8.1+'

然后在AndroidMainfest中配置网络权限：

1. xml version="1.0" encoding="utf-8"?>
2. xmlns:android="http://schemas.android.com/apk/res/android"
3. package="top.xiexiaodong.hellokotlin">
5. android:name="android.permission.INTERNET"/>
8. android:allowBackup="true"
9. android:icon="@mipmap/ic_launcher"
10. android:label="@string/app_name"
11. android:supportsRtl="true"
12. android:theme="@style/AppTheme">
13. android:name=".MainActivity">
15. android:name="android.intent.action.MAIN" />
17. android:name="android.intent.category.LAUNCHER" />

这样我们就可以使用SimpleDraweeView控件了。

三、添加SimpleDraweeView的Anko扩展

这里我们添加到MainActivity.kt中：

1. import android.support.v7.app.AppCompatActivity
2. import android.os.Bundle
3. import android.view.ViewManager
4. import com.facebook.drawee.view.SimpleDraweeView
5. import org.jetbrains.anko.*
6. import org.jetbrains.anko.custom.ankoView
8. class MainActivity : AppCompatActivity() {
10. override fun onCreate(savedInstanceState: Bundle?) {
11. super.onCreate(savedInstanceState)
13. MainActivityUi().setContentView(this)
14. }
15. }
17. class MainActivityUi : AnkoComponent<MainActivity> {
18. override fun createView(ui: AnkoContext<MainActivity>) = with(ui) {
19. verticalLayout {
20. textView("Hello Kotlin!")
21. button("Click me") {
22. onClick {
23. toast("Oh, You clicked me!")
24. }
25. }
26. }
27. }
28. }
30. public inline fun ViewManager.simpleDraweeView(theme: Int = 0) = simpleDraweeView(theme) {}
31. public inline fun ViewManager.simpleDraweeView(theme: Int = 0, init: SimpleDraweeView.() -> Unit) = ankoView({ SimpleDraweeView(it) }, init)

我们在View中使用SimpleDraweeView，则使用内置函数ViewManager.新控件名称添加扩展，相应的，我们可以将Activity和Context都添加上去，代码如下：

1. public inline fun Activity.simpleDraweeView(theme: Int = 0) = simpleDraweeView(theme) {}
2. public inline fun Activity.simpleDraweeView(theme: Int = 0, init: SimpleDraweeView.() -> Unit) = ankoView({ SimpleDraweeView(it) }, init)
4. public inline fun Context.simpleDraweeView(theme: Int = 0) = simpleDraweeView(theme) {}
5. public inline fun Context.simpleDraweeView(theme: Int = 0, init: SimpleDraweeView.() -> Unit) = ankoView({ SimpleDraweeView(it) }, init)

这样，我们就可以在布局中使用SimpleDraweeView了：

1. class MainActivityUi : AnkoComponent<MainActivity> {
2. override fun createView(ui: AnkoContext<MainActivity>) = with(ui) {
3. verticalLayout {
4. textView("Hello Kotlin!")
5. button("Click me") {
6. onClick {
7. toast("Oh, You clicked me!")
8. }
9. }
11. simpleDraweeView().lparams(width = matchParent, height = matchParent) {
12. }.apply {
13. setImageURI(Uri.parse("http://avatar.csdn.net/7/2/A/3_a191030148.jpg"), null)
14. hierarchy.setFadeDuration(300)
15. hierarchy.setActualImageScaleType(ScalingUtils.ScaleType.FIT_XY)
16. }
17. }
18. }
19. }

最后，我们还要在使用SimpleDraweeView之前，初始化Fresco，这里放在了MainActivity onCreate()方法中了：

1. class MainActivity : AppCompatActivity() {
3. override fun onCreate(savedInstanceState: Bundle?) {
4. super.onCreate(savedInstanceState)
6. Fresco.initialize(this)
8. MainActivityUi().setContentView(this)
9. }
10. }

其中，hierarchy.setFadeDuration()诸如此类的第三方库才会提供的属性设置，我是通过Fresco官方文档，参考Java代码来调用的，使用方法和Java差不多，在这里提供一下参考。我们运行一下程序看看效果：

有淡入效果，可以修改为3000，效果更明显。