Kotlin 之旅8 实际应用

###Kotlin的应用领域

  • Kotlin Script,例如编写Gradle脚本
  • Java虚拟机应用,例如Web应用、JavaFx
  • 前端开发,Kotlin1.1开始正式支持Kotlin-JavaScript
  • Android开发,Kotlin的主要应用
  • Native程序,直接编译成机器码,不依赖于JVM,支持与C代码交互
  • IOS开发,最近Kotlin已经开始支持IOS开发了

可见,Kotlin的目标是全栈语言。

###Kotlin脚本

例如我们写一个hello.kts:

import java.io.File

println("hello kotlin script")
//列出当前目录文件
File(".").list().forEach(::println)
复制代码

然后我们可以直接在IDEA中运行,也可以通过下面的命令执行(需要安装Kotlin编译器):

kotlinc -scrit hello.kts
复制代码

####Kotlin脚本运行原理

首先会编译成一个类,代码会加到构造方法中,然后被Kotlinc加载,加载构造的时候就执行了我们脚本代码。

###Kotlin Android开发

####项目转换

创建一个Android项目,然后点击Tools->Kotlin->Configure Kotlin in Project,即可完成项目的转换,实际上是修改了Gradle脚本:

顶层的Gradle脚本(只给出变化的部分):

buildscript {
    ext.kotlin_version = '1.1.4-2'
    dependencies {
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }
}
复制代码

Module的Gradle脚本(只给出变化的部分):

apply plugin: 'kotlin-android'

dependencies {
    compile "org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version"
}
复制代码

####代码转换

接下来将Java代码转换成Kotlin代码,打开一个Java类,选择Code->Convert Java File to Kotlin File

例如,转换后的Activity是这样的:

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
    }

}
复制代码

####不用findView

在Gradle脚本中加入这个插件:

apply plugin: "kotlin-android-extensions"
复制代码

在布局文件中定义的控件:

<TextView
    android:id="@+id/tvHello"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
复制代码

可以直接这样使用:

tvHello.text = "hello"
复制代码

####使用anko

首先引入依赖:

compile 'org.jetbrains.anko:anko-sdk15:0.9.1'
复制代码

anko这个库扩展了很多方法,比如:

监听与吐司:

fun android.view.View.onClick(l: (v: android.view.View?) -> Unit) {
    setOnClickListener(l)
}

fun Context.toast(message: Int) = Toast.makeText(this, message, Toast.LENGTH_SHORT).show()

//实际使用
tvHello.onClick { view ->
    toast(view!!.id)
}
复制代码

startActivity方法:

//不传参数
startActivity<Main2Activity>()
//传参数
startActivity<Main2Activity>("key" to "value")

//获取参数
intent.extras["key"]?.let {
    toast(it.toString())
}
复制代码

书写界面:

relativeLayout {
    textView("hello") {

    }.lparams {
        width = wrapContent
        height = wrapContent
    }
}
复制代码

###Kotlin前端开发

例如创建一个Kotlin-JavaScript项目,创建一个.kt文件:

import kotlin.browser.document

fun main(args: Array<String>) {
    println("控制台输出")
    document.writeln("页面输出")
}
复制代码

然后写一个测试页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--kotlin的JS库-->
    <script type="text/javascript" src="out/production/KotlinJs/lib/kotlin.js"></script>
    <!--自己写的kotlin代码编译出来的JS文件-->
    <script type="text/javascript" src="out/production/KotlinJs/KotlinJs.js"></script>

</head>
<body>

</body>
</html>
复制代码

自己写的Kotlin代码会被编译成“out/production/KotlinJs/项目名.js”文件,只需要在HTML中导入Kotlin官方的库以及自己生成的库即可使用。

Kotlin调用JavaScript代码:

例如我们有一个Test.js文件:

function test() {
    alert("haha")
}
复制代码

Kotlin中是这样调用的:

js("test()")
复制代码

HTML代码中只需要添加js库即可:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--kotlin的JS库-->
    <script type="text/javascript" src="out/production/KotlinJs/lib/kotlin.js"></script>
	<!--自己写的的JS库-->
    <script type="text/javascript" src="src/Test.js"></script>
    <!--自己写的kotlin代码编译出来的JS文件-->
    <script type="text/javascript" src="out/production/KotlinJs/KotlinJs.js"></script>

</head>
<body>

</body>
</html>
复制代码

######Tips:由于这里是Kotlin调用JS,因此JS需要先加载,这涉及到前段端的知识。

###关于更多的应用,将后续更新,敬请期待。

如果觉得我的文字对你有所帮助的话,欢迎关注我的公众号:

我的群欢迎大家进来探讨各种技术与非技术的话题,有兴趣的朋友们加我私人微信huannan88,我拉你进群交(♂)流(♀)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值