
Kotlin开发AndroID应用实例详解
相关文章:关于Kotlin语言的基础介绍:
http://www.jb51.net/article/114086.htm
我们简单的知道了Kotlin这门新语言的优势,也接触了一些常见的语法及其简单的使用,相信你会对它有浓厚的兴趣,暂且理解为对它感兴趣吧,哈哈哈。那么,我们该如何在AndroID中应用这门新的语言呢?今天的这篇文章带你学习使用Kotlin开发AndroID应用,并对比我们传统语言Java,让你真真切切的感受到他的美和优雅。
配置
项目gradle文件
apply 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文件:
compile '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 availablecompile '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库,并且能让我们书写的代码更简单清楚更容易阅读。它包括多个部分,如下
Anko 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 the kotlinx.coroutines library
那么接下来,我们就通过代码来理解Kotlin语言开发AndroID的优势所在。
再也不用findVIEwByID
做过AndroID开发的人都知道,布局文件写的多了,findVIEwByID也是一个很大的工作量,而且还要先声明变量,在findVIEwByID然后再强转成我们的控件,使用方式一般如下
TextVIEw username;username=(TextVIEw)findVIEwByID(R.ID.user);username.setText("我是一个TextVIEw");有时候写的是不是想吐,可能有些人说现在不是有一些注解的库,如butterknife,当我们使用注解时可以不用findVIEwByID了,使用方式如下
@BindVIEw(R.ID.user)TextVIEw username;username.setText("我是一个TextVIEw");确实是这样,使用注解后确实给我们少了一些工作量,不过这依然没有最简单化,最简单的就是我们可以直接给ID为user的控件直接赋值,或许你会感觉这有点不可思议。不过Kotlin确实做到了。我们可以直接这样写
user.text="我是一个TextVIEw"
看到这你是不是有一种相见恨晚的感觉,太Tama的简洁了。user就是我们布局文件声明的ID,.text就想当与setText()给,在Kotlin语言中,我们看不到了像Java中的set/get方法了。需要注意的是,当我们想这样使用的时候(不用findVIEwByID,直接使用xml控件我们需要在gradle加入apply plugin: ‘kotlin-android-extensions'),需要加入下面一句代码
//activity_login就是我们的布局import kotlinx.androID.synthetic.main.activity_login.*
Anko Layout
通常我们使用xml文件写我们的布局,但是他有一些缺点如不是类型安全,不是空安全,解析xml文件消耗更多的cpu和电量等等。而Anko Layout可以使用DSL动态创建我们的UI,并且它比我们使用Java动态创建布局方便很多主要是更简洁,它和拥有xml创建布局的层级关系,能让我们更容易阅读。
verticalLayout { val textVIEw=textVIEw("我是一个TextVIEw") val name = editText("EditText") button("button") { onClick { toast("${name.text}!") } } }我们在OnCreate方法中可以去掉setContentVIEw,然后加入上面代码就可以显示如下图的效果,即一个垂直的线性布局中,放了一个TextVIEw,一个EditText,和一个button。并且button中有一个点击事件,当点击时将EditText的内容
以toast显示。
上面的代码是不是很简单易懂,当然,默认的控件并不能满足我们的需求,例如我们会@R_477_6502@的颜色及大小,会设置宽度和高度,会设置margin,padding值,那么该如何实行呢,当然也很简单,因为它的逻辑和xml书写布局是一个套路。例如以下实现
val textVIEw=textVIEw("我是一个TextVIEw"){ textSize = sp(17).tofloat() textcolor=context.resources.getcolor(R.color.red) }.lparams{ margin=dip(10) height= dip(40) wIDth= matchParent }我想我不需要说明上面的代码,你就应该看得出控件实行的效果。因为它的属性和我们在xml设置属性的名字对应的。
在上面创建UI过程中,我们直接把创建UI的代码写在onCreate方法中了,当然,还有一种写法。我们创建一个内部类实行AnkoComponent接口,并重写createVIEw方法,该方法返回一个VIEw,也就是我们创建的布局。修改如下
inner class UI : AnkoComponent<LoginActivity> { overrIDe fun createVIEw(ui: AnkoContext<LoginActivity>): VIEw { return with(ui){ verticalLayout { val textVIEw=textVIEw("我是一个TextVIEw"){ textSize = sp(17).tofloat() textcolor=context.resources.getcolor(R.color.red) }.lparams{ margin=dip(10) height= dip(40) wIDth= matchParent } val name = editText("EditText") button("button") { onClick { vIEw -> toast("Hello,${name.text}!") } } } } } }然后在onCreate方法中加一句代码,即可创建我们的布局页面了。如下
UI().setContentVIEw(this@LoginActivity)
现在我们编译运行,发现效果和布局文件写的界面是一样的。但是它的性能是有优势的,其实吧并没有发觉性能优势。不管怎样,这种DSL确实便于阅读,也很容易上手,在上面的代码中,你可能注意到了dip(10),它表示将10dp转换为像素的意思,是Anko的扩展函数,说的扩展函数,如果阅读过Anko的源码我们发现里面大量的使用扩展函数,这也是Kotlin语言的优势之一。确实很强大,例如dip扩展(摘取VIEw扩展)
inline 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(“内容”)就可以了,是不是又很简洁。其实它也是扩展函数,实现
inline fun AnkoContext<*>.toast(message: CharSequence) = ctx.toast(message)fun Context.toast(message: CharSequence) = Toast.makeText(this,message,Toast.LENGTH_SHORT).show()
当然创建dialog依然也很简单,如下
alert ("我是Dialog"){ yesbutton { toast("yes")} nobutton { toast("no")} }.show()真是越看越舒心,哈哈。再来一个强大而又很简单很简单很简洁的一段代码实现。
doAsync { //后台执行代码 uiThread { //UI线程 toast("线程${Thread.currentThread().name}") } }该段代码实现的就是AsyncTask 的效果,但是你应该发现它比Java的实现简洁多了,当然除非是色盲,要不然你会看出简洁的。
如果你使用Kotlin开发AndroID一段时间后,会发现它给我们减少了很多的代码量,当然更多的优势及用法需要我们自己去探索。相信经过探索后它会让你大吃一惊。
实现一个简单的登录界面
界面很简单,伪代码
<linearLayout><ImageVIEw/><linearLayout> <ImageVIEw/><EditText账号/><linearLayout><linearLayout> <ImageVIEw/><EditText密码/><linearLayout><button 登录/><linearLayout> <CheckBox 记住密码/><TextVIEw 隐私协议xIEu/><linearLayout><TextVIEw/></linearLayout>
看着并不复杂的,那么xml实现的代码就不在这贴出了,如果你想看xml实现可看点击查,那么接下来来只看Anko在Kotlin代码中实现这个布局。
lateinit var et_account: EditText lateinit var et_password: EditText inner class LoginUi : AnkoComponent<LoginActivity> { overrIDe fun createVIEw(ui: AnkoContext<LoginActivity>) = with(ui) { verticalLayout { backgroundcolor = context.resources.getcolor(androID.R.color.white) gravity = Gravity.CENTER_HORIZONTAL imageVIEw(R.mipmap.ic_launcher).lparams { wIDth = dip(100) height = dip(100) topmargin = dip(64) } linearLayout { gravity = Gravity.CENTER_VERTICAL orIEntation = HORIZONTAL backgroundResource = R.drawable.bg_frame_corner imageVIEw { image = resources.getDrawable(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 = resources.getDrawable(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 = resources.getDrawable(R.drawable.bg_login_btn) textcolor = color.parsecolor("#ffffff") onClick { if (et_account.text.toString().isNotEmpty() && et_password.text.toString().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 } } } }看到上面的代码怎么样,看起来还不错吧,即使现在你不会写,但是你也能读懂它。在上面我们给登录按钮设置一个打开MainActivity的事件。startActivity的<>中写的是我们要跳转的Activity,如果给打开的界面传递参数,直接写在()中。例如我们将输入的账号和密码传到跳转的界面,则实现为
startActivity<MainActivity>("account" to et_account.text.toString(),"password" to et_password.text.toString())其实Anko的强大之处远不止于此,值得我们细细品味。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
源码:http://xiazai.jb51.net/201705/yuanma/FragmentTabhost(jb51.net).rar
您可能感兴趣的文章:Android Kotlin的使用及简单实例kotlin 官方学习教程之基础语法详解Kotlin 开发环境详解及简单实例详解Kotlin中的变量和方法Android Studio配置Kotlin开发环境详细步骤使用Kotlin开发Android应用的初体验在Kotlin开发中如何使用集合详解 总结以上是内存溢出为你收集整理的Kotlin开发Android应用实例详解全部内容,希望文章能够帮你解决Kotlin开发Android应用实例详解所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)