Loading...

XML

Word

Printable

Type: Bug
Resolution: Done
Priority: P3: Somewhat important
Fix Version/s: 5.15
Affects Version/s: 5.14.0, 5.14.1
Component/s: Quick: Graphical Effects
Labels:
- Reported_by_support_standard

Platform/s:

Linux/Wayland

Using the example below you can see differences between linux and android/ios devices.

Imports:

import QtQuick 2.14
import QtQuick.Controls 2.14
import QtGraphicalEffects 1.14

Code:

Item {
        x: 50
        y: 50
        width: 140
        height: 160
        Rectangle {
            id: shadowSource
            radius: 18
            color: "#CCCCCC"
            opacity: 0.9
            anchors {
                fill: parent
                topMargin: 20
                leftMargin: 8
                rightMargin: 8
            }
        }

        GaussianBlur {
            anchors.fill: shadowSource
            source: shadowSource
            radius: 18
            deviation: 10
            samples: 37
            cached: true
            transparentBorder: true
        }

        Rectangle {
            radius: 18
            anchors.fill: parent
            color: "#FFFFFF"
            Text {
                text: "Test"
                anchors.centerIn: parent
            }
        }
    }

The screenshots show this example started in an android emulator (looks the same on real android and iOS devices) and locally on a linux machine. The linux machine screenshot shows how is should look like.