如何使用 ID 访问嵌套容器的属性

Question

我想在 ListItemComponent 范围之外访问 imageContainer 的属性，例如当方向改变时，我尝试了以下方法：

imageContainer.imageHeight 它在日志中返回一个未定义。

部分代码如下：

ListItemComponent {
                                type: "item"
                                Container {
                                    id: listContainer
                                    layout: DockLayout {
                                    }
                                    preferredWidth: 180
                                    preferredHeight: 180

                                    ActivityIndicator {
                                        verticalAlignment: VerticalAlignment.Center
                                        horizontalAlignment: HorizontalAlignment.Center
                                        id: myIndicator
                                        preferredWidth: 70
                                    }
                                    Container {
                                        id: webimageContainer
                                        verticalAlignment: VerticalAlignment.Center
                                        horizontalAlignment: HorizontalAlignment.Center
                                        preferredWidth: 200
                                        preferredHeight: 200
                                        ImageDownloader {
                                            id: imageContainer
                                            imageWidth: 170
                                            imageHeight: 170
                                            imageUrl: ListItemData.thumbnailPath
                                            onCloudImageUnavailable: {
                                                imageUrl = "asset:///images/ic_view_image.png";
                                            }
                                        }
                                    }
                                    onCreationCompleted: {
                                        if (parent.parent.dv_width == 720) {
                                            listContainer.preferredWidth = 160;
                                            listContainer.preferredHeight = 160;
                                        }
                                    }
                                }
                            }

提前致谢。

Answer 1

向根组件添加一个属性，在您的情况下为 ListItemComponent 以访问其嵌套项：

ListItemComponent {
    id: listItemComponent
    property int imageContainerHeight: imageContainer.imageHeight
    ....
    ImageDownloader {
        id: imageContainer
    }
    ...
}

因此您可以从外部访问此属性：

console.log(listItemComponent.imageContainerHeight);