This commit is contained in:
zhuzichu 2023-11-29 10:42:09 +08:00
commit 6999067a80
4 changed files with 24 additions and 22 deletions

View File

@ -4,13 +4,14 @@ import FluentUI 1.0
Item { Item {
id: control id: control
property color tintColor: Qt.rgba(1,1,1,1) property color tintColor: Qt.rgba(1, 1, 1, 1)
property real tintOpacity: 0.65 property real tintOpacity: 0.65
property real luminosity: 0.01 property real luminosity: 0.01
property real noiseOpacity : 0.066 property real noiseOpacity: 0.02
property alias target : effect_source.sourceItem property alias target: effect_source.sourceItem
property int blurRadius: 32 property int blurRadius: 32
property rect targetRect : Qt.rect(control.x, control.y, control.width, control.height) property rect targetRect: Qt.rect(control.x, control.y, control.width,
control.height)
ShaderEffectSource { ShaderEffectSource {
id: effect_source id: effect_source
anchors.fill: parent anchors.fill: parent
@ -18,20 +19,20 @@ Item {
sourceRect: control.targetRect sourceRect: control.targetRect
} }
FastBlur { FastBlur {
id:fast_blur id: fast_blur
anchors.fill: parent anchors.fill: parent
source: effect_source source: effect_source
radius: control.blurRadius radius: control.blurRadius
} }
Rectangle{ Rectangle {
anchors.fill: parent anchors.fill: parent
color: Qt.rgba(1, 1, 1, luminosity) color: Qt.rgba(1, 1, 1, luminosity)
} }
Rectangle{ Rectangle {
anchors.fill: parent anchors.fill: parent
color: Qt.rgba(tintColor.r, tintColor.g, tintColor.b, tintOpacity) color: Qt.rgba(tintColor.r, tintColor.g, tintColor.b, tintOpacity)
} }
Image{ Image {
anchors.fill: parent anchors.fill: parent
source: "../Image/noise.png" source: "../Image/noise.png"
fillMode: Image.Tile fillMode: Image.Tile

View File

@ -124,14 +124,14 @@ Window {
left: parent.left left: parent.left
right: parent.right right: parent.right
} }
sourceComponent: FluApp.useSystemAppBar ? undefined : com_app_bar sourceComponent: window.useSystemAppBar ? undefined : com_app_bar
} }
Component{ Component{
id:com_app_bar id:com_app_bar
Item{ Item{
data: window.appBar data: window.appBar
height: { height: {
if(FluApp.useSystemAppBar){ if(window.useSystemAppBar){
return 0 return 0
} }
return window.fitsAppBarWindows ? 0 : childrenRect.height return window.fitsAppBarWindows ? 0 : childrenRect.height
@ -254,7 +254,7 @@ Window {
id:loader_window_border id:loader_window_border
anchors.fill: parent anchors.fill: parent
z:999 z:999
sourceComponent: FluApp.useSystemAppBar ? undefined : com_window_border sourceComponent: window.useSystemAppBar ? undefined : com_window_border
} }
Component{ Component{
id:com_window_border id:com_window_border

View File

@ -4,13 +4,14 @@ import FluentUI
Item { Item {
id: control id: control
property color tintColor: Qt.rgba(1,1,1,1) property color tintColor: Qt.rgba(1, 1, 1, 1)
property real tintOpacity: 0.65 property real tintOpacity: 0.65
property real luminosity: 0.01 property real luminosity: 0.01
property real noiseOpacity : 0.066 property real noiseOpacity: 0.02
property alias target : effect_source.sourceItem property alias target: effect_source.sourceItem
property int blurRadius: 32 property int blurRadius: 32
property rect targetRect : Qt.rect(control.x, control.y, control.width, control.height) property rect targetRect: Qt.rect(control.x, control.y, control.width,
control.height)
ShaderEffectSource { ShaderEffectSource {
id: effect_source id: effect_source
anchors.fill: parent anchors.fill: parent
@ -18,20 +19,20 @@ Item {
sourceRect: control.targetRect sourceRect: control.targetRect
} }
FastBlur { FastBlur {
id:fast_blur id: fast_blur
anchors.fill: parent anchors.fill: parent
source: effect_source source: effect_source
radius: control.blurRadius radius: control.blurRadius
} }
Rectangle{ Rectangle {
anchors.fill: parent anchors.fill: parent
color: Qt.rgba(1, 1, 1, luminosity) color: Qt.rgba(1, 1, 1, luminosity)
} }
Rectangle{ Rectangle {
anchors.fill: parent anchors.fill: parent
color: Qt.rgba(tintColor.r, tintColor.g, tintColor.b, tintOpacity) color: Qt.rgba(tintColor.r, tintColor.g, tintColor.b, tintOpacity)
} }
Image{ Image {
anchors.fill: parent anchors.fill: parent
source: "../Image/noise.png" source: "../Image/noise.png"
fillMode: Image.Tile fillMode: Image.Tile

View File

@ -123,14 +123,14 @@ Window {
left: parent.left left: parent.left
right: parent.right right: parent.right
} }
sourceComponent: FluApp.useSystemAppBar ? undefined : com_app_bar sourceComponent: window.useSystemAppBar ? undefined : com_app_bar
} }
Component{ Component{
id:com_app_bar id:com_app_bar
Item{ Item{
data: window.appBar data: window.appBar
height: { height: {
if(FluApp.useSystemAppBar){ if(window.useSystemAppBar){
return 0 return 0
} }
return window.fitsAppBarWindows ? 0 : childrenRect.height return window.fitsAppBarWindows ? 0 : childrenRect.height
@ -253,7 +253,7 @@ Window {
id:loader_window_border id:loader_window_border
anchors.fill: parent anchors.fill: parent
z:999 z:999
sourceComponent: FluApp.useSystemAppBar ? undefined : com_window_border sourceComponent: window.useSystemAppBar ? undefined : com_window_border
} }
Component{ Component{
id:com_window_border id:com_window_border