From 93b25dfa97494184493e02b75766e57bc6fe79bb Mon Sep 17 00:00:00 2001
From: Erik Prabowo Kamal <erik@darapsa.org>
Date: Fri, 12 Dec 2025 17:51:38 +0800
Subject: Reimplement Qt5 OpacityMask using Qt6 MultiEffect

https://darapsa.org/qessenger.git/commit/?id=5f777bca13beadd0a56d2264225b0c09e49541a2
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.

https://forum.qt.io/topic/145956/rounded-image-in-qt6
Enabling layer and invisibility on the mask rectangle are a must.
Take notice on what Jacoco wrote about jagged edges at the end of the
thread. Will test that later.
---
 Instructor/EditProfile.ui.qml | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

(limited to 'Instructor')

diff --git a/Instructor/EditProfile.ui.qml b/Instructor/EditProfile.ui.qml
index dc9e49f..3d3ad1b 100644
--- a/Instructor/EditProfile.ui.qml
+++ b/Instructor/EditProfile.ui.qml
@@ -1,7 +1,7 @@
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
-import Qt5Compat.GraphicalEffects
+import QtQuick.Effects
 import Bootstrap
 import Eduport
 import "../TextField" as TxtFld
@@ -98,14 +98,22 @@ Flickable {
 											width: 82
 											height: 82
 										}
-										layer.enabled: true
-										layer.effect: OpacityMask {
-											maskSource: Rectangle {
-												width: 82
-												height: 82
-												radius: 82
+										layer {
+											enabled: true
+											effect: MultiEffect {
+												maskEnabled: true
+												maskSource: maskRectangle
 											}
 										}
+										Rectangle {
+											id: maskRectangle
+											width: 82
+											height: 82
+											radius: 82
+											layer.enabled: true
+											visible: false
+										}
+
 									}
 
 									Button {
-- 
cgit v1.2.3