为图像的属性“宽度”检测到绑定循环

Question

假设我有一个这样的组件：

Rectangle {
    id: rec1

    Rectangle {
        id: rec
        x:10;y:100; height:100;
        color: 'red'
        anchors {
            left: parent.left
            right: parent.right
        }
        Loader {
            id:loader
            width: parent.width
            sourceComponent: comp
        }

    }

    Component {
        id: comp
        Rectangle {
            anchors {
                left: parent.left
                leftMargin: 1           // this line
                right: parent.right
            }
            height:img.height
            Image {
                id: img
                source: '/myimage.png'
                width: parent.width
                fillMode: Image.PreserveAspectFit
            }
        }
    }
}

控制台报告：

QML 图像：检测到属性“宽度”的绑定循环

但如果我将 comp leftMargin 更改为 leftMargin: 0（不是 1），一切正常

这是一个错误还是我缺少某些功能？

Answer 1

在我看来你打错了：

width:100; height:100;
...
anchors {
    left: parent.left
    right: parent.right
}

通过这样做你：

1. 明确设置矩形width（到100）。
2. 明确地将左侧锚定到父母左侧（如果这只是一个锚定操作 - 没关系）然后 - 将右侧锚定到父母的右侧（所以你隐式定义矩形的width)。

这是矛盾的。尝试解决它（例如，通过删除右锚）并重新运行您的应用程序。