Rotation + OpacityMask

[alekseymenkov]

Доброго дня!

У меня есть изображение - круг. Мне нужно его повернуть динамически, и обрезать через OpacityMask до полукруга.


Делаю следующим образом:

Код:

                Image {
                    id: neutralAndPositiveFilling
                    visible: false
                    transformOrigin: Item.Center
                    rotation: -(180 - chanceBar.positiveChance * 180 / 100)
                    source: "image://rip/ui/NewDiscussionWindow/bar_positive_and_neutral.png"
                }

                Image {

                    id: chanceBarMask
                    visible: false
                    source: "image://rip/ui/NewDiscussionWindow/bar_mask.png"
                }

                OpacityMask {
                    anchors.fill: neutralAndPositiveFilling
                    source: neutralAndPositiveFilling
                    maskSource: chanceBarMask
                }

Изменение свойства rotation происходит, но изображение остается статичным, не поворачивается. Видимо из-за того, что источник для маски visible = false.

Как заставить это работать?

[kuzulis]

А не проще ли сделать в фотошопе сразу зеленый полукруг, поместить его над бежевым кругом и вращать его как душе угодно?

[navrocky]

Оберни вращаемый объект в Item и этот Item используй в качестве маски