销毁设置为 ShaderEffectSource 的 sourceItem 的项目也会隐藏 ShaderEffectSource

问题描述

简而言之，我在做什么:

What I'm doing, in short:

• 我有一个名为 snapshotItem 的 ShaderEffectSource 项目，其中 live: false
• 动态实例化一个名为 dynamicItem
的 Item
• 设置snapshotItem.sourceItem = dynamicItem
• 调用 snapshotItem.scheduleUpdate()
• 至此，我成功在屏幕上看到了两份dynamicItem
• 在任意键上，我:
  • 将 snapshotItem.sourceItem 设置为空的虚拟项目，以降低下一步导致问题的可能性
  • 销毁dynamicItem
  • I have a ShaderEffectSource Item named snapshotItem with live: false
  • Dynamically instantiating an Item called dynamicItem
  • Setting snapshotItem.sourceItem = dynamicItem
  • Calling snapshotItem.scheduleUpdate()
  • At this point, I successfully see two copies of dynamicItem on screen
  • On any key, I:
    • set snapshotItem.sourceItem to an empty, dummy Item, to make the next step less likely to cause problems
    • destroy dynamicItem

    问题是当按下一个键时，两个副本都会从屏幕上消失，而我希望 snapshotItem 一个保留.

    The problem is that when a key is pressed, both copies disappear from screen, when I want the snapshotItem one to remain.

    注意:如果您对实现这一目标的动机感兴趣，请参阅我的上一个问题.

    Note: If you're interested in the motivation behind wanting to achieve this, see my previous question.

    我的代码:

    import QtQuick 2.6
    import QtQuick.Window 2.2
    
    Window {
        visible: true
        width: 640
        height: 480
    
        property int childWidth: 100
        property int childHeight: 100
    
        id: root
        property var dynamicItem
    
        Item {
            id: dummy
        }
    
        Component {
            id: dynamicItemComponent
            Rectangle {
                color: "red"
            }
        }
    
        Component.onCompleted: {
            dynamicItem = dynamicItemComponent.createObject(row);
            dynamicItem.width = childWidth;
            dynamicItem.height = childHeight;
            snapshotItem.sourceItem = dynamicItem;
            snapshotItem.scheduleUpdate();
        }
    
        Item {
            focus: true
            Keys.onPressed: {
                snapshotItem.sourceItem = dummy;
                dynamicItem.destroy();
            }
        }
    
        Row {
            id: row
            spacing: 10
            ShaderEffectSource {
                id: snapshotItem
                live: false
                width: childWidth
                height: childHeight
            }
        }
    }
    

    推荐答案

    您不需要使用 dummyItem.您可以将 sourceItem 设置为 ShaderEffectSource 本身.

    You don't need to use a dummyItem. You can set the sourceItem to the ShaderEffectSource itself.

    也许您应该将 recursive 设置为 true，但没有它也可以.

    Maybe you should set recursive to true, but it also works without it.

    import QtQuick 2.6
    import QtQuick.Window 2.2
    
    Window {
        visible: true
        width: 640
        height: 480
    
        property int childWidth: 100
        property int childHeight: 100
    
        id: root
        property var dynamicItem
    
        Component {
            id: dynamicItemComponent
            Rectangle {
                color: "red"
            }
        }
    
        Component.onCompleted: {
            dynamicItem = dynamicItemComponent.createObject(row);
            dynamicItem.width = childWidth;
            dynamicItem.height = childHeight;
            snapshotItem.sourceItem = dynamicItem;
            snapshotItem.scheduleUpdate();
        }
    
        Item {
            focus: true
            Keys.onPressed: {
                snapshotItem.sourceItem = snapshotItem;
                dynamicItem.destroy();
            }
        }
    
        Row {
            id: row
            spacing: 10
            ShaderEffectSource {
                id: snapshotItem
                live: false
                // recursive: sourceItem === this
                width: childWidth
                height: childHeight
            }
        }
    }
    

    这篇关于销毁设置为 ShaderEffectSource 的 sourceItem 的项目也会隐藏 ShaderEffectSource的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！