Reimplement Qt5 OpacityMask using Qt6 MultiEffectHEADmaster

Therefore no longer depends on Qt5Compat GraphicalEffects.
The mask Rectangle needs to be put outside of the MultiEffect,
and referred to by the Rectangle's ID.
It wouldn't work if it's put directly on MultiEffect's maskSource.

1 files changed, 12 insertions, 7 deletions

diff --git a/ChatGroup.ui.qml b/ChatGroup.ui.qml
index e3165fa..bb16852 100644
--- a/ChatGroup.ui.qml
+++ b/ChatGroup.ui.qml
@@ -1,7 +1,7 @@
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
-import Qt5Compat.GraphicalEffects
+import QtQuick.Effects
 
 Page {
 	property string titleText: qsTr("Bootstrap Community")
@@ -72,14 +72,19 @@ Page {
 				}
 				layer {
 					enabled: true
-					effect: OpacityMask {
-						maskSource: Rectangle {
-							width: 26
-							height: 26
-							radius: 13
-						}
+					effect: MultiEffect {
+						maskEnabled: true
+						maskSource: maskRectangle
 					}
 				}
+				Rectangle {
+					id: maskRectangle
+					width: 26
+					height: 26
+					radius: 13
+					layer.enabled: true
+					visible: false
+				}
 			}
 		}
 	}