Полупрозрачность одних элементов и не прозрачность других

opacity, qml, Qt

Рекомендуємо хостинг TIMEWEB

Stabiles Hosting des sozialen Netzwerks EVILEG. Wir empfehlen VDS-Hosting für Django-Projekte.

Добрый день.
Да, child объекты наследуют свойство непрозрачности родителя, и изменение непрозрачности у child объектов не позволяет обойти тот уровень непрозрачности, который выставлен у родителя.
Но можно попробовать применить следующий ход.
Сменить родителя на того, который располагается на уровень выше, по сигналу completed() о создании child элемента.
Я не заметил проблем с позиционированием, после применения данного хода, но нужно учитывать этот момент и внимательно применять данный приём.

import QtQuick 2.7
import QtQuick.Controls 2.0
 
ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
 
    Rectangle {
        id:currentParent
        width: 200
        height: 200
        color: "red"
        anchors.centerIn: parent
        opacity: 0.2
 
        Rectangle {
            id:item
            width: 50
            height: 50
            color: "green"
            anchors.centerIn: parent
 
            Component.onCompleted: {
                // Проверяем уровень непрозрачности родительского объекта
                // И если он находится в заданном значении,
                // то меняем родительский элемент с текущего на родительский элемент родительского элемента
                if (parent.opacity === 0.2)
                    item.parent = currentParent.parent
            }
        }
    }
}

Конечно. Вот пример, как работает обычно:

   Rectangle
    {
        width: 300
        height: width
        color: "red"
        opacity: 0.5
        Rectangle
        {
            width: 200
            height: width
            x: 0
            y: x
            color: "blue"
            layer.enabled: false
        }
        Rectangle
        {
            width: 200
            height: width
            x: 100
            y: x
            color: "green"
        }
    }

А вот, для прозрачности всей сцены при использовании layer.enabled:

   Rectangle
    {
        width: 300
        height: width
        color: "red"
        layer.enabled: true
        opacity: 0.5
        Rectangle
        {
            width: 200
            height: width
            x: 0
            y: x
            color: "blue"
            layer.enabled: false
        }
        Rectangle
        {
            width: 200
            height: width
            x: 100
            y: x
            color: "green"
        }
    }

Результаты во вложениях. Как видно, при использовании нового свойства вся сцена целиком имеет прозрачность, а не отдельные её элементы. Думаю, именно это и должно было произойти у BlinCT.

Max, всё равно предложенный тобой вариант не работает так, как требуется. Проблема в том, что всё равно все элементы становятся немного прозрачными.
Вот предлагаемый тобой вариант кода:

import QtQuick 2.7
import QtQuick.Controls 2.0
 
ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
 
    Rectangle {
        x: 50
        y: 50
        z: 0
        width: 200
        height: 200
        color: "red"
    }
 
    Rectangle
    {
        z: 1
        width: 300
        height: width
        color: "red"
        layer.enabled: true
        opacity: 0.5
        Rectangle
        {
            width: 200
            height: width
            x: 0
            y: x
            color: "blue"
            layer.enabled: false
        }
        Rectangle
        {
            width: 200
            height: width
            x: 100
            y: x
            color: "green"
        }
    }
}

А вот вариант с необходимым результатом по прозрачности.

import QtQuick 2.7
import QtQuick.Controls 2.0
 
ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
 
    Rectangle {
        x: 50
        y: 50
        z: 0
        width: 200
        height: 200
        color: "red"
    }
 
    Rectangle
    {
        id: currentParent
        z: 1
        width: 300
        height: width
        color: "red"
        opacity: 0.2
 
        Rectangle
        {
            id: item1
            width: 200
            height: width
            x: 0
            y: x
            color: "blue"
            Component.onCompleted: {
                // Проверяем уровень непрозрачности родительского объекта
                // И если он находится в заданном значении,
                // то меняем родительский элемент с текущего на родительский элемент родительского элемента
                if (parent.opacity === 0.2)
                    item1.parent = currentParent.parent
            }
        }
        Rectangle
        {
            id: item2
            width: 200
            height: width
            x: 100
            y: x
            color: "green"
            Component.onCompleted: {
                // Проверяем уровень непрозрачности родительского объекта
                // И если он находится в заданном значении,
                // то меняем родительский элемент с текущего на родительский элемент родительского элемента
                if (parent.opacity === 0.2)
                    item2.parent = currentParent.parent
            }
        }
    }
}

В качестве индикатора прозрачности применяется красный прямоугольник.
То есть требуется, чтобы все дочерние элементы имели 100% непрозрачность. А с манипуляциями через layer.enabled этого не получается.