Android平台是否提供原生颜色选择器对话框？

Android系统原生并未内置色轮样式的颜色选择器对话框，原生提供的颜色选择组件（如早期的ColorPickerDialog或Jetpack库中的相关实现）多为色块、滑块组合的基础样式，无法支持色轮式的自由选色。

针对你的需求，可通过以下两种方式实现支持初始颜色设置的色轮选择器对话框：

1. 自定义色轮选择器对话框 #

通过自定义View绘制HSV颜色空间的色轮圆盘，监听触摸事件获取选中颜色，再封装成Dialog组件：

• 核心逻辑：将触摸坐标转换为HSV颜色值（色相由角度决定，饱和度由到中心的距离决定），再转为RGB颜色。
• 初始颜色设置：将初始颜色转为HSV值，计算对应色轮上的坐标，初始化选中状态。

简化的核心代码示例：

class ColorWheelView @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    private var centerX = 0f
    private var centerY = 0f
    private var radius = 0f
    private var initialColor = Color.RED
    private var colorChangeListener: ((Int) -> Unit)? = null
    private var selectedX = 0f
    private var selectedY = 0f

    init {
        updateSelectedPosition(initialColor)
    }

    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
        super.onSizeChanged(w, h, oldw, oldh)
        centerX = w / 2f
        centerY = h / 2f
        radius = Math.min(w, h) / 2f - 20f
        updateSelectedPosition(initialColor)
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        // 绘制色轮渐变环形
        val shader = SweepGradient(centerX, centerY,
            intArrayOf(Color.RED, Color.MAGENTA, Color.BLUE, Color.CYAN, Color.GREEN, Color.YELLOW, Color.RED),
            null)
        val wheelPaint = Paint().apply {
            this.shader = shader
            isAntiAlias = true
        }
        canvas.drawCircle(centerX, centerY, radius, wheelPaint)
        // 绘制选中标记
        val markerPaint = Paint().apply {
            color = Color.WHITE
            strokeWidth = 4f
            isAntiAlias = true
        }
        canvas.drawCircle(selectedX, selectedY, 12f, markerPaint)
    }

    override fun onTouchEvent(event: MotionEvent): Boolean {
        when (event.action) {
            MotionEvent.ACTION_DOWN, MotionEvent.ACTION_MOVE -> {
                val xOffset = event.x - centerX
                val yOffset = event.y - centerY
                val distance = Math.hypot(xOffset.toDouble(), yOffset.toDouble())
                if (distance <= radius) {
                    val angle = Math.atan2(yOffset.toDouble(), xOffset.toDouble())
                    val hue = (angle * 180 / Math.PI + 360) % 360
                    val saturation = distance / radius
                    val selectedColor = Color.HSVToColor(floatArrayOf(hue.toFloat(), saturation.toFloat(), 1f))
                    selectedX = event.x
                    selectedY = event.y
                    colorChangeListener?.invoke(selectedColor)
                    invalidate()
                }
                return true
            }
        }
        return super.onTouchEvent(event)
    }

    fun setInitialColor(color: Int) {
        initialColor = color
        updateSelectedPosition(color)
        invalidate()
    }

    fun setOnColorChangeListener(listener: (Int) -> Unit) {
        colorChangeListener = listener
    }

    private fun updateSelectedPosition(color: Int) {
        val hsv = FloatArray(3)
        Color.colorToHSV(color, hsv)
        val angle = Math.toRadians(hsv[0].toDouble())
        selectedX = centerX + radius * Math.cos(angle).toFloat()
        selectedY = centerY + radius * Math.sin(angle).toFloat()
    }
}

将该View嵌入AlertDialog即可得到支持初始颜色的色轮选择器对话框。

2. 改造第三方库 #

若你尝试过的第三方库存在小问题，可直接修改其源码：

• 定位初始颜色设置的逻辑，确保将传入的初始颜色正确转换为HSV值并更新色轮选中位置；
• 修复触摸响应、颜色计算等异常问题，多数第三方色轮库的核心逻辑与自定义实现一致，调整成本较低。

内容的提问来源于stack exchange，提问作者gbotha