如何为QML Item动态生成属性以简化重复代码编写？

你尝试的{sizeProps(124,229)}写法QML并不支持，因为QML对象初始化语法不允许直接插入返回属性对象的函数调用。下面是几种可行的替代方案，帮你减少重复代码：

1. 自定义可复用组件（最推荐） #

创建一个封装了通用布局属性的基础组件，比如LayoutedImage.qml：

import QtQuick 2.15
import QtQuick.Layouts 1.15

Image {
    // 自定义可传入的布局参数
    property int layoutPreferredWidth: 0
    property int layoutPreferredHeight: 0

    // 固定的通用属性
    Layout.preferredWidth: layoutPreferredWidth
    Layout.preferredHeight: layoutPreferredHeight
    Layout.alignment: Qt.AlignHCenter
}

使用时只需传入自定义参数，其余通用属性自动生效：

LayoutedImage {
    source: "qrc:/..."
    layoutPreferredWidth: 124
    layoutPreferredHeight: 229
    Layout.topMargin: convertHeight(40)
    Layout.bottomMargin: convertHeight(26)
}

这种方式代码最清晰，易于维护和扩展，是QML中复用代码的标准做法。

2. 组件完成后动态设置属性 #

如果不想新建组件，可以在Component.onCompleted回调中用函数返回的对象批量设置属性：

Image {
    source: "qrc:/..."
    Layout.topMargin: convertHeight(40)
    Layout.bottomMargin: convertHeight(26)

    Component.onCompleted: {
        const props = sizeProps(124, 229)
        for (const key in props) {
            // 处理Layout附加属性的特殊格式
            if (key.startsWith("Layout.")) {
                const propName = key.split(".")[1]
                Layout[propName] = props[key]
            } else {
                this[key] = props[key]
            }
        }
    }

    function sizeProps(width, height) {
        return {
            "Layout.preferredWidth": width,
            "Layout.preferredHeight": height,
            "Layout.alignment": Qt.AlignHCenter
        }
    }
}

注意：这种方式是组件初始化完成后才设置属性，无法参与QML的属性绑定更新，适合不需要动态变化的场景。

3. 单个属性绑定到函数返回值 #

如果需要属性支持动态更新，可以把每个属性单独绑定到函数的返回值：

Image {
    source: "qrc:/..."
    Layout.preferredWidth: getSizeProps().width
    Layout.preferredHeight: getSizeProps().height
    Layout.alignment: getSizeProps().alignment
    Layout.topMargin: convertHeight(40)
    Layout.bottomMargin: convertHeight(26)

    function getSizeProps() {
        return {
            width: 124,
            height: 229,
            alignment: Qt.AlignHCenter
        }
    }
}

不过这种方式每次访问属性都会调用函数创建新对象，性能略差，仅适合简单场景。

内容的提问来源于stack exchange，提问作者ElevenJune