组件/视觉效果

EAcrylic 亚克力

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 { width: 480 spacing: 16 Item { height: 240 width: parent.width Image { id: backdrop anchors.fill: parent fillMode: Image.PreserveAspectCrop source: "qrc:/example/images/gallery/lake.jpg" } EAcrylic { id: acrylic radius: 8 width: 320 height: 170 blurRadius: 24 tintOpacity: 0.65 sourceItem: backdrop anchors.centerIn: parent } } EButton { text: qsTr("刷新背景") onClicked: acrylic.refresh() } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

blurRadiusint

背景模糊半径，单位为像素。

默认值32

enabledbool

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

默认值true

heightreal

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

默认值implicitHeight

livebool

持续捕获来源内容；false 时使用缓存，在几何变化或 refresh() 时刷新。

默认值false

noiseOpacityqreal

噪点层透明度，范围 0～1。

默认值0.025

radiusqreal

圆角半径，单位为像素。

默认值8

sourceItemQQuickItem *

用于背景采样的 QQuickItem。

默认值null

tintColorQColor

亚克力效果的叠加染色。

默认值动态绑定

tintOpacityqreal

染色层透明度，范围 0～1。

默认值0.7

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值implicitWidth

readybool只读

渲染器或图表是否已准备完成。

默认值由运行时计算