组件/表单组件

ECheckBox 多选框

import EUI 1.0

示例与代码

多选框

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { width: Math.min(640, parent.width) spacing: 16 ECheckBox { value: "no" falseValue: "no" trueValue: "yes" text: qsTr("接收通知") } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

多选框

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 16 width: parent.width ECheckBox { text: qsTr("未选中") } ECheckBox { checked: true text: qsTr("已选中") } ECheckBox { checked: true text: qsTr("无边框") borderVisible: false } }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

borderVisiblebool

是否显示边框。

默认值true

checkablebool

是否允许通过点击切换选中状态。

默认值false

checkedbool

控件是否选中或开启。

默认值false

colorcolor

自定义颜色；透明值通常表示使用当前主题或语义配色。

默认值动态绑定

enabledbool

是否允许交互；false 时控件禁用。

默认值true

falseValuevar

未选中或关闭状态对应的值。

默认值false

fontfont

字体配置，控制字体、字号及文字样式。

常用字段：
family、pixelSize、pointSize
bold、italic、weight
underline、strikeout
letterSpacing、wordSpacing

默认值应用字体

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

optRadiusint

圆角半径，单位为像素。

默认值3

optSizeint

图标、选项或交互部件的尺寸，单位为像素。

默认值动态绑定

sizeint

控件尺寸；默认继承最近的 EConfigProvider。

EStyle.Small
EStyle.Medium
EStyle.Large

默认值继承 Provider，默认 EStyle.Medium

styleTypeint

语义配色风格。

EStyle.Default
EStyle.Primary
EStyle.Success
EStyle.Info
EStyle.Warning
EStyle.Danger

默认值EStyle.Default

textstring

显示的文字内容。

默认值""

trueValuevar

选中或开启状态对应的值。

默认值true

validateEventbool

值变化时是否向所属表单派发校验请求。

默认值true

valuevar

当前值；通过属性绑定读写，数组形式用于多选或范围选择。

默认值undefined

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth