组件/视觉效果

EClip 圆角裁剪

import EUI 1.0

示例与代码

圆角裁剪

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EClip { radius: 32 width: 440 height: 180 ERectangle { anchors.fill: parent color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) ERectangle { rotation: -20 width: parent.width height: parent.height / 2 color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Success) } EButton { property int clickCount: 0 anchors.centerIn: parent text: qsTr("点击次数： %1").arg(clickCount) onClicked: ++clickCount } } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

contentalias

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

默认值别名：canvas.data

enabledbool

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

默认值true

heightreal

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

默认值implicitHeight

radiusreal

圆角半径，单位为像素。

默认值0

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值implicitWidth

softwarebool只读

当前是否使用软件渲染后端。

默认值由运行时计算