用 Kotlin 开发 Android 项目是一种什么样的感受？（用 DSL 配置自定义 view）

前言

离上一篇文章已经过去了挺长时间，在这期间发生了不少事，比如 Kotlin 火了，比如作者我要回老家领证了2333。

关于 Kotlin 火了这事，我一直觉得这是一门很棒的语言，不火也是。但是既然现在 google 都为它开路了，那么想来今后的发展应该会很不错。

鉴于 Kotlin 已红遍大江南北，类似的文章现在也如雨后春笋层出不穷，作者原来的标题【用 Kotlin 开发 Android 是一种什么样的感受？】似乎也不那么好使了，毕竟很多 Android 开发者都已经开始在尝试，有的也许浅尝辄止，有的也许会深入的使用下去，但终究在这个时间段再写一些很基础的语法文章，我个人感觉意义不大了。

最近我在用 Kotlin 做一个挺有意思的开源项目，虽然完成度还很低，但也勉强算是五脏俱全。这篇文章就当做是一个引子，来介绍介绍我这个小项目，顺便让初学 Kotlin 的各位了解一下，用这么一门语言，你能做出什么东西来。

DSL

应该有不少小伙伴做过自定义 view，也知道在 Android 中自定义 view 大致分为两种：

1.继承于 ViewGroup，将多个 view 组合在一起而形成
2.继承于 View，在 canvas（画布）上通过相应 API 绘制而成

因为上东家的各种奇葩需求，本人算是饱受 CustomView Hell 的摧残，也明白两种方案各有适用的场合。方案1 相对来说还比较容易上手，基本会布局就会写，而方案2 则需要一定的学习成本，也需要一定的经验去处理遇到的各式问题，最后的最后，是写起来比较繁杂。那么有没有什么办法可以让 canvas 绘制变得更轻松呢？

在接触过 anko 之后，我才发现原来用代码布局也可以那么优雅那么简单。这里不是在给 anko 打广告（吃瓜群众：你口是心非），而是想介绍用 anko 布局时的写法：

verticalLayout {
    textView {
        text = "随便写点啥"
        textSize = 20f
    }

    imageView {
        imageResource = R.mipmap.ic_launcher
    }
}

诸如此类代码，大家应该都很眼熟：

android {
    compileSdkVersion 25
    buildToolsVersion "25.0.3"

    defaultConfig {
        minSdkVersion 15
        targetSdkVersion 25
        versionCode 1
        versionName "1.0"

        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }

    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

没错，anko 布局和 gradle 的语法很像，除去少量差别，你甚至会觉得这就是同一种语言。这就是我要给大家介绍的 领域特定语言（domain-specific languages，简称 DSL）

MagicPen

MagicPen 是我发起的一个用 Kotlin 编写的用于操作 canvas 来自定义 view 的开源项目。似乎这么说有点模糊？那我们直接上代码和图吧

package com.lab.zhangll.magicpen

import android.graphics.Color
import android.graphics.Paint
import android.graphics.PointF
import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.widget.Toast
import com.lab.zhangll.magicpen.lib.*

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(
                magicPen {
                    val line = line {
                        start = PointF(0f, 1000f) // 线条起点
                        end = PointF(1000f, 1000f) // 线条终点
                    }

                    val bigOne = circle {
                        radius = 200f // 圆半径

                        aboveOf(line) // 在线条上面
                        leftMargin = 500f // 左边距
                        bottomMargin = 10f // 下边距

                        paint = Paint().apply { color = Color.RED } // 红色
                    }

                    text {
                        content = "我是一只小小鸟"
                        paint = Paint().apply { textSize = 40f }
                        centerIn(bigOne)
                    }

                    circle {
                        radius = 50f // 半径
                        centerIn(bigOne) // 在大圆中间

                        gesture {
                            onClick = { Toast.makeText(this@MainActivity, "clicked", Toast.LENGTH_SHORT).show() } // 点击时弹框
                            onDragBy = { x, y -> moveBy(x, y) } // 跟着拖动的手指动
                            onRelease = { smoothMoveToOrigin() } // 放手后滑动到原点
                        }
                    }
                }
        )
    }
}

算上package、import 和我有意识的空行，一共50行代码，我们看看它能实现出什么样的效果吧

magicPen.gif

相信图文结合在一起，再加上代码中的注释，大家能很轻松的看明白。我像布局似的就做出了这么一个 view。包括线条、圆、文字三种图形；也包括绝对位置、相对关系；甚至还有点击事件、拖拽事件和平滑移动动画。挺精简的对吧？

可惜的是，目前支持的功能也就这么多了，毕竟这个项目才启动没多长时间，还有两个有意的小伙伴也得在过一段时间之后才能学习 Kotlin 并加入这个项目的开发工作。不过在不久之后，MagicPen 将可以用来创建我能想到的大量自定义 view，请拭目以待。

项目源码在 https://github.com/neverwoodsS/MagicPen
欢迎各位围观与提出不足

PS.这是在下作为单身青年的最后一篇文章