Наследование непрозрачности QML

Я думаю, одним из способов было бы использование полупрозрачных цветов, как описано здесь вместо непрозрачности.

например используя четырехъядерный цветовой код, например #800000FF для полупрозрачного синего.

На самом деле установка layer.enabled: true для родительского элемента помогает мне. Весь элемент рендерится в буфер, и к полученному буферу применяется opacity (ко всему слою сразу).

См. http://doc.qt.io/qt-5/qml-qtquick-item.html#layer.enabled-prop

Пример кода:

Rectangle {
    width: 400
    height: 200
    opacity: 0.5
    layer.enabled: true
    Rectangle {
            width: parent.width
            height: parent.height
            color: 'red'
    }
    Rectangle {
            width: parent.width / 2
            height: parent.height
            color: 'blue'
    }
}

Это решение, но убедитесь, что вы знаете, что делаете, когда включаете слои.

Другим возможным решением было бы использование затенения.

Спасибо peppe на #qt@freenode.

Вы не можете. Значение непрозрачности элементов относительно их родителей, поэтому, если вы кодируете что-то вроде

Rectangle {
  color: "red"
  opacity: 0.5
  width: 200; height: 100

  Rectangle {
    color: "blue"
    opacity: 1
    width: 100; height: 100
  }
}

Вы увидите, что два прямоугольника имеют одинаковую непрозрачность.

Я только сейчас столкнулся с этой проблемой. Использование Qt 5.1.0

В моем случае у меня был элемент Rectangle с элементом opacity: 0.6 и дочерним элементом Image. Image наследовал прозрачность - нежелательно.

Чтобы решить эту проблему, я заключил основной элемент Rectangle в элемент Item. Переданы определения размера/позиции из Rectangle во внешний Item. Переместил Image за пределы Rectangle.

В конце концов, у меня был Item в качестве основного родителя, а Rectangle и Image рядом, внутри Item.

Только Rectangle сохранил непрозрачность 0,6, поэтому прямоугольник имеет прозрачность, а Image полностью непрозрачен.

Это возможно! Вам нужно проверить в области Component.onCompleted непрозрачность родителя. Если его 0, вам нужно изменить родителя вашего объекта на родителя его текущего родителя.

Пример:

Item{
    id:root

    Item{
        id:currentParent
        opacity: 0
        Item{
            id:item
            Component.onCompleted:{
                if(parent.opacity === 0)
                    item.parent = currentParent.parent
            }
        }
    }
}

Вы не можете запретить дочернему элементу наследовать непрозрачность от своего родителя.

Моя личная работа заключается в том, чтобы изменить это:

Rectangle {
    color: "red"
    opacity: 0.5
    width: 200; height: 100

    Rectangle {
        color: "blue"
        opacity: 1
        width: 100; height: 100
    }
}

В это:

Item {
    width: 200; height: 100

    Rectangle {
        anchors.fill: parent
        color: "red"
        opacity: 0.5
    }

    Rectangle {
        color: "blue"
        opacity: 1
        width: 100; height: 100
    }

}

или это (возможно, только если родитель сплошного цвета):

Rectangle {
    color: "#7FFF0000" // 50% transparent red
    opacity: 0.5
    width: 200; height: 100

    Rectangle {
        color: "blue"
        opacity: 1
        width: 100; height: 100
    }
}

Я не думаю, что это возможно. вы должны сделать два элемента родственными и изменить их непрозрачность по своему желанию.

это невозможно сделать, но вы можете изменить их цвет с помощью

Qt.lighter(color,opacity)

Например

Rectangle {
  color: Qt.lighter("red",.5)
  width: 200; height: 100

  Rectangle {
    color: Qt.lighter("blue",1)
    width: 100; height: 100
  }
}

Я также столкнулся с этой проблемой с Qt 4.8.6.

В моем конкретном случае я хотел, чтобы элемент верхнего уровня был прозрачным на 20% и имел черный цвет, но чтобы на его дочерние элементы не влияли какие-либо настройки непрозрачности/прозрачности родительского элемента.

Непрозрачность не работала из-за механизма наследования QML.

Но я смог использовать функцию rgba из объекта Qml Qt. Это позволило мне получить именно то, что я хотел, родительский элемент теперь прозрачен на 20%, но дочерние элементы не затронуты.

Rectangle {
    width: 400
    height: 400
    color: Qt.rgba(0, 0, 0, 0.2) // Works perfectly, pure black with 20% transparency, equal to 0.2 opacity

    // Unaffacted child elements here...
}

Примечание. Я также пытался напрямую использовать цветовые коды RGBA, как упоминалось в предыдущем постере, но это не сработало.

Пример:

color: "#000000FA" // Supposed to be semi transparent, but always transparent, regardless of the alpha value

Установка альфа-значения для любых других значений RGBA работала, но не для чистого черного.