组件/基础组件

EContainer 布局容器

import EUI 1.0

示例与代码

布局容器

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EContainer { EHeader { } EMain { } EFooter { } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

contentalias

内容插槽；直接在组件内部声明 QML 子对象。

默认值别名：layout.data

contentSizesize

布局内容尺寸配置对象。

字段：width, height

默认值Qt.size(0, 0)

directionvar

子区域的排列方向，默认根据区域类型自动判断。

null（自动判断）
Qt.Horizontal / Qt.Vertical
"horizontal" / "vertical"

默认值null

enabledbool

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

默认值true

heightreal

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

默认值implicitHeight

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值implicitWidth

effectiveDirectionint只读

布局容器根据配置及子项确定的实际方向。

Qt.Horizontal
Qt.Vertical

默认值由运行时计算