组件/基础组件引入于 1.2.0

EToolBar 工具栏

import EUI 1.0

示例与代码

常用操作

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(420, parent ? parent.width : 420) model: [{text: qsTr("打开"), command: "open", iconSource: EIcons.FOLDER}, {text: qsTr("保存"), command: "save", iconSource: EIcons.COPY}, {text: qsTr("复制"), command: "copy", iconSource: EIcons.COPY}] }

效果

运行代码，体验组件交互

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

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

溢出菜单

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(150, parent ? parent.width : 150) model: [{text: qsTr("打开"), command: "open", iconSource: EIcons.FOLDER}, {text: qsTr("保存"), command: "save", iconSource: EIcons.COPY}, {text: qsTr("复制"), command: "copy", iconSource: EIcons.COPY}] }

效果

运行代码，体验组件交互

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

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

可切换操作

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(420, parent ? parent.width : 420) model: [{text: qsTr("粗体"), checkable: true}] }

效果

运行代码，体验组件交互

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

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

仅显示图标

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(420, parent ? parent.width : 420) model: [{text: qsTr("打开"), command: "open", iconSource: EIcons.FOLDER}, {text: qsTr("保存"), command: "save", iconSource: EIcons.COPY}, {text: qsTr("复制"), command: "copy", iconSource: EIcons.COPY}] showText: false }

效果

运行代码，体验组件交互

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

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

共享 Qt Action

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EToolBar { width: Math.min(420, parent ? parent.width : 420) model: [{action: saveAction}] Action { id: saveAction text: qsTr("保存") checkable: true } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

alignmentint

可见操作的水平排列：Qt.AlignLeft、Qt.AlignHCenter 或 Qt.AlignRight。

"start" / "center"
"end"

默认值Qt.AlignLeft

enabledbool

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

默认值true

fontfont

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

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

默认值Qt.font({ pixelSize: 16 })

heightreal

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

默认值implicitHeight

modelvar

项目模型；组件示例及使用指南说明其字段。

默认值[]

showTextbool

工具栏是否显示操作文字；图标模式仍保留无障碍名称。

默认值true

sizeint

文字尺寸。

EStyle.Small
EStyle.Medium
EStyle.Large

默认值EControlConfig.sizeFor(control)

spacingreal

操作项之间的间距，单位为像素。

默认值6

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值implicitWidth

itemsvar只读

过滤隐藏项后的操作列表。

默认值由运行时计算

naturalWidthreal只读

所有操作完整显示时的内容宽度。

默认值由运行时计算

overflowItemsvar只读

当前溢出菜单使用的操作模型。

默认值由运行时计算

visibleCountint只读

当前直接显示的操作数量，其余操作进入溢出菜单。

默认值由运行时计算

信号

签名作用

failed(string message)

操作失败时触发，message 为错误信息。

command(var value, var item)

执行命令时触发，包含命令值和对应菜单项。

方法

签名作用

trigger(index)

触发给定项目的命令，相当于选择该命令项。