组件/配置组件

EApp 应用上下文

import EUI 1.0

示例与代码

应用级弹窗服务

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EApp { id: app height: 60 width: 420 EButton { text: "Open from app" onClicked: app.dialog.open(content, { "greeting": "Application context" }, { "title": "Dialog" }) } Component { id: content EText { property var dialogRef property string greeting height: 80 text: greeting } } }

效果

运行代码，体验组件交互

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

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

统一消息入口

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EApp { id: app width: 420 height: 120 EButton { anchors.centerIn: parent text: qsTr("保存") onClicked: app.useApp().message.open(qsTr("保存成功")) } }

效果

运行代码，体验组件交互

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

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

通知入口

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EApp { id: app width: 420 height: 120 EButton { anchors.centerIn: parent text: qsTr("查看通知") onClicked: app.notification.open({ "title": qsTr("项目 Alpha"), "message": qsTr("保存成功") }) } }

效果

运行代码，体验组件交互

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

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

对话框入口

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EApp { id: app width: 420 height: 120 EButton { anchors.centerIn: parent text: qsTr("查看详情") onClicked: app.modal.alert(qsTr("点击按钮或改变窗口宽度查看效果。"), qsTr("项目 Alpha")) } }

效果

运行代码，体验组件交互

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

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

继承应用配置

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EApp { id: app width: 420 height: 120 size: EStyle.Small messageConfig: ({ "duration": 1200, "max": 2 }) EButton { anchors.centerIn: parent text: qsTr("保存") onClicked: app.message.open(qsTr("保存成功")) } }

效果

运行代码，体验组件交互

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

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

应用禁用

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EApp { id: app width: 420 height: 120 disabled: true EButton { anchors.centerIn: parent text: qsTr("保存") } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

contentalias

默认内容槽；EFloatButton 中为按钮文字的别名。

默认值configuration.data

dialogConfigalias

传给 EConfigProvider.dialog 的对话框配置。

字段：
alignCenter, draggable, overflow

默认值configuration.dialog

disabledalias

是否禁用应用上下文中的控件交互。

默认值configuration.disabled

euiAppbool只读

标识 EUI 应用上下文。

默认值自动计算

localealias

应用配置中的语言代码或本地化覆盖对象。

语言名称（如 zh / en）
对象字段：name, texts

默认值configuration.locale

messagealias只读

本应用的 EMessage 管理器。

默认值messageManager

messageConfigalias

传给 EConfigProvider.message 的消息配置。

字段：
duration, grouping, max
offset, placement, plain
showClose

默认值configuration.message

modalalias只读

本应用的 EMessageBox 管理器。

默认值modalManager

notificationalias只读

本应用的 ENotification 管理器。

默认值notificationManager

sizealias

应用内控件默认尺寸，传给 EConfigProvider。

EStyle.Small
EStyle.Medium
EStyle.Large

默认值configuration.size

dialogalias只读

EApp 内置的弹窗服务实例。

字段：
alignCenter, draggable, overflow

默认值dialogManager

方法

签名作用

useApp()

返回应用提供的消息、通知和对话框等服务入口。