• FluentUI Reference Documentation
• FluentUI.Controls
• ColorPicker
• FluentUI 1.0

ColorPicker QML Type

颜色选择器组件，允许用户选择颜色并调整透明度。. More...

• List of all members, including inherited members

Properties

• blueText : string
• cancelText : string
• colorHandleRadius : int
• current : color
• editText : string
• greenText : string
• okText : string
• opacityText : string
• redText : string
• titleText : string

Detailed Description

`ColorPicker` 组件提供一个界面，允许用户选择颜色和调整透明度。它包含用于显示当前选择颜色、预览颜色以及自定义颜色的属性和功能。组件包括色彩选择器、滑块和文本框，允许用户以多种方式设置颜色值。

示例用法：

 ColorPicker {
  current: Qt.rgba(1, 0, 0, 1)  // 当前选中的颜色
  cancelText: qsTr("Cancel")
  okText: qsTr("OK")
  titleText: qsTr("Color Picker")
  editText: qsTr("Edit Color")
  redText: qsTr("Red")
  greenText: qsTr("Green")
  blueText: qsTr("Blue")
  opacityText: qsTr("Opacity")
  colorHandleRadius: 8
  onAccepted: {
      console.log("Color accepted:", current)
  }
 }

Property Documentation