Kotlin开发Android应⽤实例详解
Kotlin开发Android应⽤实例详解
相关⽂章：关于Kotlin语⾔的基础介绍：
我们简单的知道了Kotlin这门新语⾔的优势，也接触了⼀些常见的语法及其简单的使⽤，相信你会对它有浓厚的兴趣，暂且理解为对它感兴趣吧，哈哈哈。那么，我们该如何在Android中应⽤这门新的语⾔呢？今天的这篇⽂章带你学习使⽤Kotlin开发Android应⽤，并对⽐我们传统语⾔Java，让你真真切切的感受到他的美和优雅。
配置
项⽬gradle⽂件
1 2 3 4 5 6 7apply plugin: 'com.android.application'
apply plugin:'kotlin-android'
apply plugin:'kotlin-android-extensions' dependencies {
classpath 'org.jetbrains.kotlin:kotlin-gradle-plugin:1.1.1' }
app Gradle⽂件：
1 2 3compile 'org.jetbrains.kotlin:kotlin-stdlib:1.1.1'
compile 'org.jetbrains.anko:anko-sdk25:0.10.0-beta-1'// sdk15, sdk19, sdk21, sdk23 are also available compile 'org.jetbrains.anko:anko-appcompat-v7:0.10.0-beta-1'
Anko
通过上⾯的配置，你会发现引⼊的有anko的依赖。Anko是JetBrains开发的⼀个强⼤的库，说起JetBrains ，那就⽜逼了，Kotlin语⾔是他们开发的，最流⾏的的开发⼯具intellij idea都是他们开发的，AS也是基于IDEA的。好了，⾔归正传，Anko是Kotlin官⽅开发的⼀个让开发Android应⽤更快速更简单的Kotlin库，并且能让我们书写的代码更简单清楚更容易阅读。它包括多个部分，如下
1 2 3 4Anko Commons: a lightweight library full of helpers for intents, dialogs, logging and so on; Anko Layouts: a fast and type-safe way to write dynamic Android layouts;
Anko SQLite: a query DSL and parser collection for Android SQLite;
Anko Coroutines: utilities based on utines library
那么接下来，我们就通过代码来理解Kotlin语⾔开发Android的优势所在。
再也不⽤findViewById
做过Android开发的⼈都知道，布局⽂件写的多了，findViewById也是⼀个很⼤的⼯作量，⽽且还要先声明变量，在findViewById然后再强转成我们的控件，使⽤⽅式⼀般如下
1 2 3 4TextView username;
username=(TextView)findViewById(R.id.user); username.setText("我是⼀个TextView");
有时候写的是不是想吐，可能有些⼈说现在不是有⼀些注解的库，如butterknife，当我们使⽤注解时可以不⽤findViewById了，使⽤⽅式如下
1 2 3 4@BindView(R.id.user)
TextView username;
username.setText("我是⼀个TextView");
确实是这样，使⽤注解后确实给我们少了⼀些⼯作量，不过这依然没有最简单化，最简单的就是我们可以直接给id为user的控件直接赋值，或许你会感觉这有点不可思议。不过Kotlin确实做到了。我们可以直接这样写
<="我是⼀个TextView"
看到这你是不是有⼀种相见恨晚的感觉，太Tama的简洁了。user就是我们布局⽂件声明的id，.text就想当与setText()给，在Kotlin语⾔中，我们看不到了像Java中的set/get⽅法了。需要注意的是，当我们想这样使⽤的时候（不⽤findViewById，直接使⽤xml控件我们需要在gradle 加⼊apply plugin: ‘kotlin-android-extensions'），需要加⼊下⾯⼀句代码
1 2//activity_login就是我们的布局
import kotlinx.android.synthetic.main.activity_login.*
Anko Layout
通常我们使⽤xml⽂件写我们的布局，但是他有⼀些缺点如不是类型安全，不是空安全，解析xml⽂件消耗更多的CPU和电量等等。⽽Anko Layout可以使⽤DSL动态创建我们的UI，并且它⽐我们使⽤Java动态创建布局⽅便很多主要是更简洁，它和拥有xml创建布局的层级关系，能让我们更容易阅读。
1 2 3 4 5 6 7verticalLayout {
val textView=textView("我是⼀个TextView")  val name = editText("EditText")
button("Button") {
onClick { toast("${}!") }
}
}
我们在OnCreate⽅法中可以去掉setContentView，然后加⼊上⾯代码就可以显⽰如下图的效果，即⼀个垂直的线性布局中，放了⼀个TextView,⼀个EditText，和⼀个Button。并且Button中有⼀个点击事件，当点击时将EditText的内容
以toast显⽰。
上⾯的代码是不是很简单易懂，当然，默认的控件并不能满⾜我们的需求，例如我们会更改字体的颜⾊及⼤⼩，会设置宽度和⾼度，会设置margin，padding值，那么该如何实⾏呢，当然也很简单，因为它的逻辑和xml书写布局是⼀个套路。例如以下实现
1 2 3 4 5 6 7 8val textView=textView("我是⼀个TextView"){
textSize = sp(17).toFloat()
d)  }.lparams{
margin=dip(10)
height= dip(40)
width= matchParent
}
我想我不需要说明上⾯的代码，你就应该看得出控件实⾏的效果。因为它的属性和我们在xml设置属性的名字对应的。
在上⾯创建UI过程中，我们直接把创建UI的代码写在onCreate⽅法中了，当然，还有⼀种写法。我们创建⼀个内部类实⾏AnkoComponent 接⼝，并重写createView⽅法，该⽅法返回⼀个View，也就是我们创建的布局。修改如下
1
2
3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22inner class UI : AnkoComponent<LoginActivity> {
override fun createView(ui: AnkoContext<LoginActivity>): View {  return with(ui){
verticalLayout {
val textView=textView("我是⼀个TextView"){
textSize = sp(17).toFloat()
d)
}.lparams{
margin=dip(10)
height= dip(40)
width= matchParent
}
val name = editText("EditText")
button("Button") {
onClick { view ->
toast("Hello, ${}!")
}
}
}
}
}
}
然后在onCreate⽅法中加⼀句代码，即可创建我们的布局页⾯了。如下
1UI().setContentView(this@LoginActivity)
现在我们编译运⾏，发现效果和布局⽂件写的界⾯是⼀样的。但是它的性能是有优势的，其实吧并没有发觉性能优势。不管怎样，这种DSL 确实便于阅读，也很容易上⼿，在上⾯的代码中，你可能注意到了dip(10)，它表⽰将10dp转换为像素的意思，是Anko的扩展函数，说的扩展函数，如果阅读过Anko的源码我们发现⾥⾯⼤量的使⽤扩展函数，这也是Kotlin语⾔的优势之⼀。确实很强⼤，例如dip扩展（摘取View扩展）
1 2inline fun View.dip(value: Int): Int = context.dip(value)
fun Context.dip(value: Int): Int = (value * resources.displayMetrics.density).toInt()
在上⾯resources.displayMetrics.density和我们Java getResources().getDisplayMetrics().density是⼀个效果，不过看着你会不会感觉⽐Java 书写舒服多了，反正我是这么感觉的。
在上⾯的我们给Button加了⼀个点击事件，我们发现它⽀持lambda表达式。我们想显⽰⼀个Toast，只需要toast(“内容”)就可以了，是不是⼜很简洁。其实它也是扩展函数，实现
1 2inline fun AnkoContext<*>.toast(message: CharSequence) = ast(message)
ast(message: CharSequence) = Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
当然创建dialog依然也很简单，如下
1 2 3 4alert ("我是Dialog"){
yesButton { toast("yes")}    noButton { toast("no")}  }.show()
真是越看越舒⼼，哈哈。再来⼀个强⼤⽽⼜很简单很简单很简洁的⼀段代码实现。
1 2 3 4 5 6doAsync {
//后台执⾏代码
uiThread {
//UI线程
toast("线程${Thread.currentThread().name}") } }
该段代码实现的就是AsyncTask 的效果，但是你应该发现它⽐Java的实现简洁多了，当然除⾮是⾊盲，要不然你会看出简洁的。
idea开发安卓app教程如果你使⽤Kotlin开发Android⼀段时间后，会发现它给我们减少了很多的代码量，当然更多的优势及⽤法需要我们⾃⼰去探索。相信经过探索后它会让你⼤吃⼀惊。
实现⼀个简单的登录界⾯
界⾯很简单，伪代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15<LinearLayout>
<ImageView/>
<LinearLayout> <ImageView/><EditText账号/><LinearLayout>
<LinearLayout> <ImageView/><EditText密码/><LinearLayout>
<Button 登录/>
<LinearLayout> <CheckBox 记住密码/><TextView 隐私协议xieu/><LinearLayout> <TextView/>
</LinearLayout>
看着并不复杂的，那么xml实现的代码就不在这贴出了，如果你想看xml实现可看点击查，那么接下来来只看Anko在Kotlin代码中实现这个布局。
1
2
3
4
5
6
7
8
9 10 11 12 13 14 15 16 17 18 19 20lateinit var et_account: EditText
lateinit var et_password: EditText
inner class LoginUi : AnkoComponent<LoginActivity> {
override fun createView(ui: AnkoContext<LoginActivity>) = with(ui) {  verticalLayout {
backgroundColor = Color(lor.white)  gravity = Gravity.CENTER_HORIZONTAL
imageView(R.mipmap.ic_launcher).lparams {
width = dip(100)
height = dip(100)
topMargin = dip(64)
}
linearLayout {
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88    gravity = Gravity.CENTER_VERTICAL
orientation = HORIZONTAL
backgroundResource = R.drawable.bg_frame_corner
imageView {
image = Drawable(R.mipmap.ic_username)
}.lparams(width = wrapContent, height = wrapContent) {
leftMargin = dip(12)
rightMargin = dip(15)
}
et_account = editText {
hint = "登录账户"
hintTextColor = Color.parseColor("#666666")
textSize = 16f
background = null
}
}.lparams(width = dip(300), height = dip(40)) {
topMargin = dip(45)
}
linearLayout {
orientation = HORIZONTAL
backgroundResource = R.drawable.bg_frame_corner
gravity = Gravity.CENTER_VERTICAL
imageView {
image = Drawable(R.mipmap.ic_password)
}.lparams {
leftMargin = dip(12)
rightMargin = dip(15)
}
et_password = editText {
hint = "登录密码"
hintTextColor = Color.parseColor("#666666")
textSize = 16f
background = null
}
}.lparams {
width = dip(300)
height = dip(40)
topMargin = dip(10)
}
button("登录") {
gravity = Gravity.CENTER
background = Drawable(R.drawable.bg_login_btn)
textColor = Color.parseColor("#ffffff")
onClick {
if(oString().isNotEmpty() && oString().isNotEmpty())      startActivity<MainActivity>() else toast("请输⼊账户或者密码")
}
}.lparams(width = dip(300), height = dip(44)) {
topMargin = dip(18)
}
linearLayout {
orientation = HORIZONTAL
gravity = Gravity.CENTER_VERTICAL
checkBox("记住密码") {
textColor = Color.parseColor("#666666")
textSize = 16f
leftPadding = dip(5)
}
textView("隐私协议") {
textColor = Color.parseColor("#1783e3")
gravity = Gravity.RIGHT
textSize = 16f
}.lparams(width = matchParent)
}.lparams(width = dip(300)) {
topMargin = dip(18)
}
textView("Copyright © Code4Android") {
textSize = 14f
gravity = Gravity.CENTER or Gravity.BOTTOM
}.lparams {
bottomMargin = dip(35)
weight = 1f
}
}
}
}
89
90
91
92
93
94
95
看到上⾯的代码怎么样，看起来还不错吧，即使现在你不会写，但是你也能读懂它。在上⾯我们给登录按钮设置⼀个打开MainActivity的事件。startActivity的<>中写的是我们要跳转的Activity，如果给打开的界⾯传递参数，直接写在（）中。例如我们将输⼊的账号和密码传到跳转的界⾯，则实现为
1startActivity<MainActivity>("account"to oString(),"password"to oString())
其实Anko的强⼤之处远不⽌于此，值得我们细细品味。
感谢阅读，希望能帮助到⼤家，谢谢⼤家对本站的⽀持！
如对本⽂有疑问，请提交到交流社区，⼴⼤热⼼⽹友会为你解答！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。