[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，效果更明显。