用Kotlin优雅地开发Android应用

简介:

写在前面

在之前的一篇文章,我们简单的知道了Kotlin这门新语言的优势,也接触了一些常见的语法及其简单的使用,相信你会对它有浓厚的兴趣,暂且理解为对它感兴趣吧,哈哈哈。那么,我们该如何在Android中应用这门新的语言呢?今天的这篇文章带你学习使用Kotlin开发Android应用,并对比我们传统语言Java,让你真真切切的感受到他的美和优雅。

配置

项目gradle文件

 
 
  1. apply plugin: 'com.android.application' 
  2.  
  3. apply plugin:'kotlin-android' 
  4.  
  5. apply plugin:'kotlin-android-extensions' 
  6.  
  7.   
  8.  
  9. dependencies { 
  10.  
  11.     classpath 'org.jetbrains.kotlin:kotlin-gradle-plugin:1.1.1' 
  12.  
  13.  

app Gradle文件:

 
 
  1. compile 'org.jetbrains.kotlin:kotlin-stdlib:1.1.1' 
  2.  
  3. compile 'org.jetbrains.anko:anko-sdk25:0.10.0-beta-1'// sdk15, sdk19, sdk21, sdk23 are also available 
  4.  
  5. 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. Anko Commons: a lightweight library full of helpers for intents, dialogs, logging and so on
  2.  
  3. Anko Layouts: a fast and type-safe way to write dynamic Android layouts; 
  4.  
  5. Anko SQLite: a query DSL and parser collection for Android SQLite; 
  6.  
  7. Anko Coroutines: utilities based on the kotlinx.coroutines library  

那么接下来,我们就通过代码来理解Kotlin语言开发Android的优势所在。

再也不用findViewById

做过Android开发的人都知道,布局文件写的多了,findViewById也是一个很大的工作量,而且还要先声明变量,在findViewById然后再强转成我们的控件,使用方式一般如下

 
 
  1. TextView username; 
  2.  
  3. username=(TextView)findViewById(R.id.user); 
  4.  
  5.   
  6.  
  7. username.setText("我是一个TextView");  

有时候写的是不是想吐,可能有些人说现在不是有一些注解的库,如butterknife,当我们使用注解时可以不用findViewById了,使用方式如下

 
 
  1. @BindView(R.id.user
  2.  
  3. TextView username; 
  4.  
  5. username.setText("我是一个TextView");  

确实是这样,使用注解后确实给我们少了一些工作量,不过这依然没有最简单化,最简单的就是我们可以直接给id为user的控件直接赋值,或许你会感觉这有点不可思议。不过Kotlin确实做到了。我们可以直接这样写

 
 
  1. user.text="我是一个TextView" 

看到这你是不是有一种相见恨晚的感觉,太Tama的简洁了。user就是我们布局文件声明的id,.text就想当与setText()给,在Kotlin语言中,我们看不到了像Java中的set/get方法了。需要注意的是,当我们想这样使用的时候(不用findViewById,直接使用xml控件我们需要在gradle加入apply plugin: ‘kotlin-android-extensions’),需要加入下面一句代码

 
 
  1. //activity_login就是我们的布局 
  2.  
  3. import kotlinx.android.synthetic.main.activity_login.*  

Anko Layout

通常我们使用xml文件写我们的布局,但是他有一些缺点如不是类型安全,不是空安全,解析xml文件消耗更多的CPU和电量等等。而Anko Layout可以使用DSL动态创建我们的UI,并且它比我们使用Java动态创建布局方便很多主要是更简洁,它和拥有xml创建布局的层级关系,能让我们更容易阅读。

 
 
  1. verticalLayout { 
  2.  
  3.             val textView=textView("我是一个TextView"
  4.  
  5.             val name = editText("EditText"
  6.  
  7.             button("Button") { 
  8.  
  9.                 onClick { toast("${name.text}!") } 
  10.  
  11.             } 
  12.  
  13.         }  

我们在OnCreate方法中可以去掉setContentView,然后加入上面代码就可以显示如下图的效果,即一个垂直的线性布局中,放了一个TextView,一个EditText,和一个Button。并且Button中有一个点击事件,当点击时将EditText的内容

以toast显示。 

上面的代码是不是很简单易懂,当然,默认的控件并不能满足我们的需求,例如我们会更改字体的颜色及大小,会设置宽度和高度,会设置margin,padding值,那么该如何实行呢,当然也很简单,因为它的逻辑和xml书写布局是一个套路。例如以下实现

 
 
  1. val textView=textView("我是一个TextView"){ 
  2.  
  3.                 textSize = sp(17).toFloat() 
  4.  
  5.                 textColor=context.resources.getColor(R.color.red) 
  6.  
  7.             }.lparams{ 
  8.  
  9.                 margin=dip(10) 
  10.  
  11.                 height= dip(40) 
  12.  
  13.                 width= matchParent 
  14.  
  15.             }  

我想我不需要说明上面的代码,你就应该看得出控件实行的效果。因为它的属性和我们在xml设置属性的名字对应的。

在上面创建UI过程中,我们直接把创建UI的代码写在onCreate方法中了,当然,还有一种写法。我们创建一个内部类实行AnkoComponent接口,并重写createView方法,该方法返回一个View,也就是我们创建的布局。修改如下

 
 
  1. inner class UI : AnkoComponent<LoginActivity> { 
  2.  
  3.         override fun createView(ui: AnkoContext<LoginActivity>): View { 
  4.  
  5.            return with(ui){ 
  6.  
  7.                verticalLayout { 
  8.  
  9.                    val textView=textView("我是一个TextView"){ 
  10.  
  11.                        textSize = sp(17).toFloat() 
  12.  
  13.                        textColor=context.resources.getColor(R.color.red) 
  14.  
  15.                    }.lparams{ 
  16.  
  17.                        margin=dip(10) 
  18.  
  19.                        height= dip(40) 
  20.  
  21.                        width= matchParent 
  22.  
  23.                    } 
  24.  
  25.                    val name = editText("EditText"
  26.  
  27.                    button("Button") { 
  28.  
  29.                         onClick { view -> 
  30.  
  31.                             toast("Hello, ${name.text}!"
  32.  
  33.                         } 
  34.  
  35.                    } 
  36.  
  37.                } 
  38.  
  39.            } 
  40.  
  41.         } 
  42.  
  43.     }  

然后在onCreate方法中加一句代码,即可创建我们的布局页面了。如下

 
 
  1. UI().setContentView(this@LoginActivity) 

现在我们编译运行,发现效果和布局文件写的界面是一样的。但是它的性能是有优势的,其实吧并没有发觉性能优势。不管怎样,这种DSL确实便于阅读,也很容易上手,在上面的代码中,你可能注意到了dip(10),它表示将10dp转换为像素的意思,是Anko的扩展函数,说的扩展函数,如果阅读过Anko的源码我们发现里面大量的使用扩展函数,这也是Kotlin语言的优势之一。确实很强大,例如dip扩展(摘取View扩展)

 
 
  1. inline fun View.dip(value: Int): Int = context.dip(value) 
  2.  
  3. fun Context.dip(value: Int): Int = (value * resources.displayMetrics.density).toInt()  

在上面resources.displayMetrics.density和我们Java getResources().getDisplayMetrics().density是一个效果,不过看着你会不会感觉比Java书写舒服多了,反正我是这么感觉的。

在上面的我们给Button加了一个点击事件,我们发现它支持lambda表达式。我们想显示一个Toast,只需要toast(“内容”)就可以了,是不是又很简洁。其实它也是扩展函数,实现

 
 
  1. inline fun AnkoContext<*>.toast(message: CharSequence) = ctx.toast(message) 
  2.  
  3. fun Context.toast(message: CharSequence) = Toast.makeText(this, message, Toast.LENGTH_SHORT).show()  

当然创建dialog依然也很简单,如下

 
 
  1. alert ("我是Dialog"){ 
  2.  
  3. yesButton { toast("yes")} 
  4.  
  5. noButton { toast("no")} 
  6.  
  7. }.show()  

真是越看越舒心,哈哈。再来一个强大而又很简单很简单很简洁的一段代码实现。

 
 
  1. doAsync { 
  2.  
  3.             //后台执行代码 
  4.  
  5.             uiThread { 
  6.  
  7.             //UI线程 
  8.  
  9.             toast("线程${Thread.currentThread().name}") } 
  10.  
  11.         }  

该段代码实现的就是AsyncTask 的效果,但是你应该发现它比Java的实现简洁多了,当然除非是色盲,要不然你会看出简洁的。

如果你使用Kotlin开发Android一段时间后,会发现它给我们减少了很多的代码量,当然更多的优势及用法需要我们自己去探索。相信经过探索后它会让你大吃一惊。

实现一个简单的登录界面

界面很简单,伪代码

 
 
  1. <LinearLayout> 
  2.  
  3.   
  4.  
  5. <ImageView/> 
  6.  
  7.   
  8.  
  9. <LinearLayout> <ImageView/><EditText账号/><LinearLayout> 
  10.  
  11.   
  12.  
  13. <LinearLayout> <ImageView/><EditText密码/><LinearLayout> 
  14.  
  15.   
  16.  
  17. <Button 登录/> 
  18.  
  19.   
  20.  
  21. <LinearLayout> <CheckBox 记住密码/><TextView 隐私协议xieu/><LinearLayout> 
  22.  
  23.   
  24.  
  25. <TextView/> 
  26.  
  27.   
  28.  
  29. </LinearLayout>  

看着并不复杂的,那么xml实现的代码就不在这贴出了,如果你想看xml实现可看点击查,那么接下来来只看Anko在Kotlin代码中实现这个布局。

 
 
  1. lateinit var et_account: EditText 
  2.  
  3.     lateinit var et_password: EditText 
  4.  
  5.     inner class LoginUi : AnkoComponent<LoginActivity> { 
  6.  
  7.         override fun createView(ui: AnkoContext<LoginActivity>) = with(ui) { 
  8.  
  9.             verticalLayout { 
  10.  
  11.                 backgroundColor = context.resources.getColor(android.R.color.white) 
  12.  
  13.                 gravity = Gravity.CENTER_HORIZONTAL 
  14.  
  15.                 imageView(R.mipmap.ic_launcher).lparams { 
  16.  
  17.                     width = dip(100) 
  18.  
  19.                     height = dip(100) 
  20.  
  21.                     topMargin = dip(64) 
  22.  
  23.                 } 
  24.  
  25.   
  26.  
  27.                 linearLayout { 
  28.  
  29.                     gravity = Gravity.CENTER_VERTICAL 
  30.  
  31.                     orientation = HORIZONTAL 
  32.  
  33.                     backgroundResource = R.drawable.bg_frame_corner 
  34.  
  35.                     imageView { 
  36.  
  37.                         image = resources.getDrawable(R.mipmap.ic_username) 
  38.  
  39.                     }.lparams(width = wrapContent, height = wrapContent) { 
  40.  
  41.                         leftMargin = dip(12) 
  42.  
  43.                         rightMargin = dip(15) 
  44.  
  45.                     } 
  46.  
  47.                     et_account = editText { 
  48.  
  49.                         hint = "登录账户" 
  50.  
  51.                         hintTextColor = Color.parseColor("#666666"
  52.  
  53.                         textSize = 16f 
  54.  
  55.                         background = null 
  56.  
  57.                     } 
  58.  
  59.                 }.lparams(width = dip(300), height = dip(40)) { 
  60.  
  61.                     topMargin = dip(45) 
  62.  
  63.                 } 
  64.  
  65.   
  66.  
  67.                 linearLayout { 
  68.  
  69.                     orientation = HORIZONTAL 
  70.  
  71.                     backgroundResource = R.drawable.bg_frame_corner 
  72.  
  73.                     gravity = Gravity.CENTER_VERTICAL 
  74.  
  75.                     imageView { 
  76.  
  77.                         image = resources.getDrawable(R.mipmap.ic_password) 
  78.  
  79.                     }.lparams { 
  80.  
  81.                         leftMargin = dip(12) 
  82.  
  83.                         rightMargin = dip(15) 
  84.  
  85.                     } 
  86.  
  87.                     et_password = editText { 
  88.  
  89.                         hint = "登录密码" 
  90.  
  91.                         hintTextColor = Color.parseColor("#666666"
  92.  
  93.                         textSize = 16f 
  94.  
  95.                         background = null 
  96.  
  97.                     } 
  98.  
  99.                 }.lparams { 
  100.  
  101.                     width = dip(300) 
  102.  
  103.                     height = dip(40) 
  104.  
  105.                     topMargin = dip(10) 
  106.  
  107.   
  108.  
  109.                 } 
  110.  
  111.   
  112.  
  113.                 button("登录") { 
  114.  
  115.                     gravity = Gravity.CENTER 
  116.  
  117.                     background = resources.getDrawable(R.drawable.bg_login_btn) 
  118.  
  119.                     textColor = Color.parseColor("#ffffff"
  120.  
  121.                     onClick { 
  122.  
  123.                         if (et_account.text.toString().isNotEmpty() && et_password.text.toString().isNotEmpty()) 
  124.  
  125.                             startActivity<MainActivity>() else toast("请输入账户或者密码"
  126.  
  127.                     } 
  128.  
  129.                 }.lparams(width = dip(300), height = dip(44)) { 
  130.  
  131.                     topMargin = dip(18) 
  132.  
  133.                 } 
  134.  
  135.                 linearLayout { 
  136.  
  137.                     orientation = HORIZONTAL 
  138.  
  139.                     gravity = Gravity.CENTER_VERTICAL 
  140.  
  141.                     checkBox("记住密码") { 
  142.  
  143.                         textColor = Color.parseColor("#666666"
  144.  
  145.                         textSize = 16f 
  146.  
  147.                         leftPadding = dip(5) 
  148.  
  149.                     } 
  150.  
  151.                     textView("隐私协议") { 
  152.  
  153.                         textColor = Color.parseColor("#1783e3"
  154.  
  155.                         gravity = Gravity.RIGHT 
  156.  
  157.                         textSize = 16f 
  158.  
  159.                     }.lparams(width = matchParent) 
  160.  
  161.                 }.lparams(width = dip(300)) { 
  162.  
  163.                     topMargin = dip(18) 
  164.  
  165.                 } 
  166.  
  167.   
  168.  
  169.                 textView("Copyright © Code4Android") { 
  170.  
  171.                     textSize = 14f 
  172.  
  173.                     gravity = Gravity.CENTER or Gravity.BOTTOM 
  174.  
  175.   
  176.  
  177.                 }.lparams { 
  178.  
  179.                     bottomMargin = dip(35) 
  180.  
  181.                     weight = 1f 
  182.  
  183.                 } 
  184.  
  185.             } 
  186.  
  187.         } 
  188.  
  189.     }  

看到上面的代码怎么样,看起来还不错吧,即使现在你不会写,但是你也能读懂它。在上面我们给登录按钮设置一个打开MainActivity的事件。startActivity的中写的是我们要跳转的Activity,如果给打开的界面传递参数,直接写在()中。例如我们将输入的账号和密码传到跳转的界面,则实现为

 
 
  1. startActivity<MainActivity>("account" to et_account.text.toString(),"password" to et_password.text.toString()) 

其实Anko的强大之处远不止于此,值得我们细细品味。想更深入学习可以去GitHub Anko(https://github.com/Kotlin/anko),到此呢,本篇文章也就结束了,若在阅读时发现错误之处,欢迎指出,谢谢,Have a wonderful day.





作者:伯乐在线
来源:51CTO
目录
相关文章
|
2天前
|
存储 移动开发 Android开发
使用kotlin Jetpack Compose框架开发安卓app, webview中h5如何访问手机存储上传文件
在Kotlin和Jetpack Compose中,集成WebView以支持HTML5页面访问手机存储及上传音频文件涉及关键步骤:1) 添加`READ_EXTERNAL_STORAGE`和`WRITE_EXTERNAL_STORAGE`权限,考虑Android 11的分区存储;2) 配置WebView允许JavaScript和文件访问,启用`javaScriptEnabled`、`allowFileAccess`等设置;3) HTML5页面使用`<input type="file">`让用户选择文件,利用File API;
|
1天前
|
Android开发 Kotlin
kotlin开发安卓app,如何让布局自适应系统传统导航和全面屏导航
使用`navigationBarsPadding()`修饰符实现界面自适应,自动处理底部导航栏的内边距,再加上`.padding(bottom = 10.dp)`设定内容与屏幕底部的距离,以完成全面的布局适配。示例代码采用Kotlin。
30 15
|
1天前
|
存储 API Android开发
kotlin开发安卓app,使用webivew 触发 onShowFileChooser, 但只能触发一次,第二次无法触发,是怎么回事。 如何解决
在Android WebView开发中,`onShowFileChooser`方法用于开启文件选择。当用户只能选择一次文件可能是因为未正确处理选择回调。解决此问题需确保:1) 实现`WebChromeClient`并覆写`onShowFileChooser`;2) 用户选择文件后调用`ValueCallback.onReceiveValue`传递URI;3) 传递结果后将`ValueCallback`设为`null`以允许再次选择。下面是一个Kotlin示例,展示如何处理文件选择和结果回调。别忘了在Android 6.0+动态请求存储权限,以及在Android 10+处理分区存储。
|
2月前
|
存储 Java 开发工具
Android开发的技术与开发流程
Android开发的技术与开发流程
284 1
|
2月前
|
SQL API Android开发
展望2022:Android 开发最新技术动向
展望2022:Android 开发最新技术动向
237 0
展望2022:Android 开发最新技术动向
|
存储 缓存 前端开发
MAD,现代安卓开发技术:Android 领域开发方式的重大变革~(2)
MAD,现代安卓开发技术:Android 领域开发方式的重大变革~(2)
MAD,现代安卓开发技术:Android 领域开发方式的重大变革~(2)
|
开发框架 IDE JavaScript
MAD,现代安卓开发技术:Android 领域开发方式的重大变革~(1)
MAD,现代安卓开发技术:Android 领域开发方式的重大变革~(1)
MAD,现代安卓开发技术:Android 领域开发方式的重大变革~(1)
|
XML 编译器 API
MAD,现代安卓开发技术:Android 领域开发方式的重大变革~(3)
MAD,现代安卓开发技术:Android 领域开发方式的重大变革~(3)
MAD,现代安卓开发技术:Android 领域开发方式的重大变革~(3)
|
安全 IDE 搜索推荐
安卓开发从源码看后端技术——搭建环境与断点调试
今天就让我们开启源码共读的篇章吧,希望这不同的眼界探索可以在这截然不同的领域会有所收获,为自身技术带来启发。
300 0
|
SQL XML Java
展望2022:Android 开发最新技术动向
今年的 Android Dev Summit 在线上如期举行,在活动上 Google 的技术专家们会分享一些 Android 领域的技术动向以及开发心得。本文做一个全面盘点
2256 0