组件/EUI 扩展

ERectangle 矩形

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 ERectangle { radius: 8 height: 64 width: 120 color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } ERectangle { height: 64 radius: 20 width: 120 border.width: 2 color: EPaletteManager.BasePalette.transparent border.color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Success) } ERectangle { height: 64 radius: 12 width: 150 opacity: 0.86 border.width: 3 color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Warning) border.color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Warning) } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

border.colorcolor

矩形边框颜色。

默认值动态绑定

border.widthreal

矩形边框宽度，单位为像素。

默认值0

colorcolor

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

默认值动态绑定

enabledbool

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

默认值true

heightreal

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

默认值implicitHeight

radiusreal

圆角半径，单位为像素。

默认值0

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值implicitWidth