组件/EUI 扩展

EAdvancedRectangle 高级矩形

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 { spacing: 16 width: parent.width EAdvancedRectangle { height: 78 width: 140 radius: [28, 4, 28, 4] color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } EAdvancedRectangle { height: 78 width: 140 borderWidth: 2 radius: [6, 28, 6, 28] color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Success) borderColor: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Success) } EAdvancedRectangle { height: 78 width: 170 borderWidth: 3 dashPattern: [4, 2] radius: [30, 8, 30, 8] borderStyle: Qt.DashLine color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Warning) borderColor: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Warning) } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

borderColorQColor

边框颜色。

默认值动态绑定

borderStyleQt::PenStyle

边框的线条样式。

Qt.NoPen
Qt.SolidLine
Qt.DashLine
Qt.DotLine
Qt.DashDotLine
Qt.DashDotDotLine
Qt.CustomDashLine

默认值Qt.SolidLine

borderWidthqreal

边框、分隔线或进度轨道的线宽，单位为像素。

默认值0

colorQColor

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

默认值动态绑定

dashPatternQVector<qreal>

自定义虚线段长及间隔组成的数组。

[实线长度, 间隔, …]

默认值[]

enabledbool

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

默认值true

heightreal

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

默认值implicitHeight

radiusQList<int>

四个角的圆角半径，单位为像素，缺失项按 0 处理。

[左上, 右上, 右下, 左下]

默认值[0, 0, 0, 0]

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值implicitWidth