组件/基础组件

EStaggeredLayout 瀑布布局

import EUI 1.0

示例与代码

瀑布布局

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EStaggeredLayout { columns: 3 spacing: 12 width: parent.width Repeater { model: [90, 150, 110, 180, 120, 80] ERectangle { height: modelData color: EPaletteManager.ThemePalette.surfacePressed(ETheme.dark) } } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

columnsint

布局的列数。

正整数

默认值3

enabledbool

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

默认值true

heightreal

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

默认值implicitHeight

spacingqreal

相邻内容、列、行或文字间距，单位为像素。

默认值12

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值implicitWidth