Skip to content

ColorPicker 颜色选择器

用于选择和自定义颜色,支持透明度、预设色、不同尺寸等多种功能。

实现原理

基于 Overlay、ColorPicker、CupertinoTextField 等组件实现弹出式颜色选择,支持颜色预设、透明度调节、HEX 输入等。

基础用法

通过 pickerColor 设置当前颜色,onColorChanged 监听颜色变化。

查看代码

带 Alpha 通道

设置 showAlpha 属性可支持透明度调节。

查看代码

预设颜色

通过 predefine 属性设置常用颜色,便于快速选择。

查看代码

不同尺寸

通过 sizecustomSize 属性设置颜色选择器的尺寸。

查看代码

禁用状态

设置 disabled 属性可禁用颜色选择器。

查看代码

API

ColorPicker 属性

属性名说明类型默认值
pickerColor当前颜色ColorColors.red
onColorChanged颜色变化回调ValueChanged<Color>-
showAlpha是否显示透明度调节boolfalse
predefine预设颜色列表List<Color>?null
disabled是否禁用boolfalse
size选择器尺寸ESizeItemESizeItem.medium
customSize自定义尺寸double?null
width弹窗宽度double?null
onConfirm确认选择回调Function(Color)?null
onCancel取消选择回调Function()?null

ColorPicker 事件

事件名说明参数
onColorChanged颜色变化时触发Color
onConfirm点击确认时触发Color
onCancel点击取消时触发-

</rewritten_file>

基于 MIT 协议发布