Android鬼点子 使用Kotlin编写的颜色选择器

Android鬼点子 使用Kotlin编写的颜色选择器

Android小彩虹2021-08-19 12:56:47350A+A-

截图

正式入坑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里面,然后通过代码获取选中颜色:

布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">

    <top.greendami.mykotlinapp.PPColorPicker android:layout_marginTop="10dp" android:layout_centerHorizontal="true" android:id="@+id/PPColorPicker21" android:layout_width="200dp" android:layout_height="200dp" />

    <Button android:layout_centerInParent="true" android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="我是按钮"/>


</RelativeLayout>

获取颜色

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,可以大大提高开发效率。

Github 求star。

点击这里复制本文地址 以上内容由权冠洲的博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

联系我们| 本站介绍| 留言建议 | 交换友链 | 域名展示
本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

权冠洲的博客 © All Rights Reserved.  Copyright quanguanzhou.top All Rights Reserved
苏公网安备 32030302000848号   苏ICP备20033101号-1
本网站由 提供CDN/云存储服务

联系我们