用Kotlin优雅地开发Android应用

写在前面

创新互联公司网站设计，为客户量身定制各类网站建设业务，包括企业型、电子商务型、自适应网站建设、行业门户型等各类网站，实战经验丰富，成功案例众多。以客户利益为出发点，创新互联公司网站制作为客户规划、按需求定制网站符合企业需求、带有营销价值的网络建站方案认真对待每一个客户，我们不用口头的语言来吹擂我们的优秀，千余家的成功案例见证着我们的成长。

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

配置

项目gradle文件

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

app Gradle文件：

 
 
 
 
    
  
  
  
  
  1. compile 'org.jetbrains.kotlin:kotlin-stdlib:1.1.1'
    2. 
  
  
  
  
  2. 
  
  
  
  
  3. compile 'org.jetbrains.anko:anko-sdk25:0.10.0-beta-1'// sdk15, sdk19, sdk21, sdk23 are also available
    4. 
  
  
  
  
  4. 
  
  
  
  
  5. compile 'org.jetbrains.anko:anko-appcompat-v7:0.10.0-beta-1' 
    6.

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. 
  
  
  
  
  2. 
  
  
  
  
  3. Anko Layouts: a fast and type-safe way to write dynamic Android layouts;
    4. 
  
  
  
  
  4. 
  
  
  
  
  5. Anko SQLite: a query DSL and parser collection for Android SQLite;
    6. 
  
  
  
  
  6. 
  
  
  
  
  7. Anko Coroutines: utilities based on the kotlinx.coroutines library 
    8.

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

再也不用findViewById

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

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

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

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

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

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

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

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

Anko Layout

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

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

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

以toast显示。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

实现一个简单的登录界面

界面很简单，伪代码

 
 
 
 
    
  
  
  
  
    2. 
  
  
  
  
  2. 
  
  
  
  
  3.  
    4. 
  
  
  
  
  4. 
  
  
  
  
    6. 
  
  
  
  
  6. 
  
  
  
  
  7.  
    8. 
  
  
  
  
  8. 
  
  
  
  
  9.  
    10. 
  
  
  
  
  10. 
  
  
  
  
  11.  
    12. 
  
  
  
  
  12. 
  
  
  
  
  13.  
    14. 
  
  
  
  
  14. 
  
  
  
  
  15.  
    16. 
  
  
  
  
  16. 
  
  
  
  
    18. 
  
  
  
  
  18. 
  
  
  
  
  19.  
    20. 
  
  
  
  
  20. 
  
  
  
  
  21.  
    22. 
  
  
  
  
  22. 
  
  
  
  
  23.  
    24. 
  
  
  
  
  24. 
  
  
  
  
    26. 
  
  
  
  
  26. 
  
  
  
  
  27.  
    28. 
  
  
  
  
  28. 
  
  
  
  
  29.  
    30.

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

    

  1. lateinit var et_account: EditText
    2. 

  2. 

  3.     lateinit var et_password: EditText
    4. 

  4. 

  5.     inner class LoginUi : AnkoComponent {
    6. 

  6. 

  7.         override fun createView(ui: AnkoContext) = with(ui) {
    8. 

  8. 

  9.             verticalLayout {
    10. 

  10. 

  11.                 backgroundColor = context.resources.getColor(android.R.color.white)
    12. 

  12. 

  13.                 gravity = Gravity.CENTER_HORIZONTAL
    14. 

  14. 

  15.                 imageView(R.mipmap.ic_launcher).lparams {
    16. 

  16. 

  17.                     width = dip(100)
    18. 

  18. 

  19.                     height = dip(100)
    20. 

  20. 

  21.                     topMargin = dip(64)
    22. 

  22. 

  23.                 }
    24. 

  24. 

  25.  
    26. 

  26. 

  27.                 linearLayout {
    28. 

  28. 

  29.                     gravity = Gravity.CENTER_VERTICAL
    30. 

  30. 

  31.                     orientation = HORIZONTAL
    32. 

  32. 

  33.                     backgroundResource = R.drawable.bg_frame_corner
    34. 

  34. 

  35.                     imageView 
                
    
                网站栏目：用Kotlin优雅地开发Android应用
                
    
                本文链接：http://www.csdahua.cn/qtweb/news22/399572.html
            
    
            
    
                网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
    
            
    
                广告
                
            
    
            
    
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                快上网

成都快上网为您推荐相关内容

网站收录知识

分类信息网站

电子商务商城网站　　 　h5页面制作　　 　眉山电信机房　　 　香港虚拟主机　　 　成都网站建设公司　　 　App开发　　 　网络推广公司　　 　成都全屋定制　　 　成都网站改版公司　　 　重庆服务器托管　　 　企业网站建设　　 　保温橡塑管　　 　泸州洋跃建站　　 　泽君科技　　 　工商财税　　 　成都发电机租用　　 　服务器租凭　　 　精灵网　　 　高端网站设计推广　　 　乐尚佳花箱