正式入坑Kotlin,今后的自定义View不出意外都将会使用Kotlin实现,这次的demo放到了Github上哟,链接看文末。
这个颜色选择器分为3个部分,最外层白-中间选中色-黑,中层 红绿蓝渐变,中心显示选中颜色。
中间的红绿蓝渐变使用的6钟颜色渐变完成:
mSweepGradient = SweepGradient((width / 2).toFloat(), (width / 2).toFloat(), intArrayOf(0xffff0000.toInt(), 0xffffff00.toInt(), 0xff00ff00.toInt(), 0xff00ffff.toInt(), 0xff0000ff.toInt(), 0xffff00ff.toInt(), 0xffff0000.toInt()), floatArrayOf(0f, 1 / 6f, 1 / 3f, 1 / 2f, 2 / 3f, 5 / 6f, 1f))复制代码
这个控件的难点是怎么知道手指触摸点的颜色,本来是想通过计算得出,因为红绿蓝的渐变是与角度相关的。但是想了想,计算量过大,于是换成了现在的方式。
首先,把红绿蓝的渐变画在一个bitmap上,然后通过手指触摸坐标,在bitmap上通过坐标获取触摸点的颜色。代码中就是bufferCanvas和bitmap。就是传说中双缓存的套路。
控件默认等宽高(宽或高较小的为准),然后是说明一下变量,方便大家使用的时候修改。
使用的方式很简单,直接放在xml里面,然后通过代码获取选中颜色:
布局文件
复制代码
获取颜色
class MainActivity : Activity(){ override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) button.setOnClickListener { button.setBackgroundColor(PPColorPicker21.chooseColor) button.text = "RGB:${PPColorPicker21.rgb}" } }}复制代码
最后总结一下遇到Kotlin的坑,这是我第二篇使用Kotlin自定义View的文章了,上一次是使用AndroidStudio2.3,插件的方式。这一次是使用的AS3.0的第三个版本。环境搭建上完全没有遇坑,十分顺利。撸代码的时候,只有一个地方,一开始我继承的View,实现了只有一个参数的构造方法(但是我PPColorPicker的默认构造方法是实现的2个参数的那个)
class PPColorPicker(context: Context?, attrs: AttributeSet? = null) : View(context) {}复制代码
这样的。问题是在Activity中一直找不到控件,无论是使用FindViewById还是直接用ID都不行。一直报空指针异常。改成2个参数的就可以了。
最后还是要安利一下Kotlin,特别是配合Anko,可以大大提高开发效率。
求star。