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

一、背景说明

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

二、配置SimpleDraweeView

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

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

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

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="top.xiexiaodong.hellokotlin">

<uses-permission android:name="android.permission.INTERNET"/>

<application

android:allowBackup="true"

android:icon="@mipmap/ic_launcher"

android:label="@string/app_name"

android:supportsRtl="true"

android:theme="@style/AppTheme">

<activity android:name=".MainActivity">

<intent-filter>

<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />

</intent-filter>

</activity>

</application>

</manifest>

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

三、添加SimpleDraweeView的Anko扩展

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

import android.support.v7.app.AppCompatActivity

import android.os.Bundle

import android.view.ViewManager

import com.facebook.drawee.view.SimpleDraweeView

import org.jetbrains.anko.*

import org.jetbrains.anko.custom.ankoView

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

MainActivityUi().setContentView(this)

}

}

class MainActivityUi : AnkoComponent<MainActivity> {

override fun createView(ui: AnkoContext<MainActivity>) = with(ui) {

verticalLayout {

textView("Hello Kotlin!")

button("Click me") {

onClick {

toast("Oh, You clicked me!")

}

}

}

}

}

public inline fun ViewManager.simpleDraweeView(theme: Int = 0) = simpleDraweeView(theme) {}

public inline fun ViewManager.simpleDraweeView(theme: Int = 0, init: SimpleDraweeView.() -> Unit) = ankoView({ SimpleDraweeView(it) }, init)

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

public inline fun Activity.simpleDraweeView(theme: Int = 0) = simpleDraweeView(theme) {}

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

public inline fun Context.simpleDraweeView(theme: Int = 0) = simpleDraweeView(theme) {}

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

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

class MainActivityUi : AnkoComponent<MainActivity> {

override fun createView(ui: AnkoContext<MainActivity>) = with(ui) {

verticalLayout {

textView("Hello Kotlin!")

button("Click me") {

onClick {

toast("Oh, You clicked me!")

}

}

simpleDraweeView().lparams(width = matchParent, height = matchParent) {

}.apply {

setImageURI(Uri.parse("http://avatar.csdn.net/7/2/A/3_a191030148.jpg"), null)

hierarchy.setFadeDuration(300)

hierarchy.setActualImageScaleType(ScalingUtils.ScaleType.FIT_XY)

}

}

}

}

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

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

Fresco.initialize(this)

MainActivityUi().setContentView(this)

}

}

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



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