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

opacity, qml, Qt

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

Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Добрый день.
Да, 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 этого не получается.