前言
离上一篇文章已经过去了挺长时间，在这期间发生了不少事，比如 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 的语法很像，除去少量差别，你甚至会觉得这就是同一种语言。这就是我要给大家介绍的 <b>领域特定语言（domain-specific languages，简称 DSL）</b>
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.这是在下作为单身青年的最后一篇文章
网友评论