Qt Quick Stack项目窗口调整时页面内容无法居中问题求助

问题根源 #

1. Qt Quick UI Form（.ui.qml）文件仅支持声明式QML代码，不允许编写onWidthChanged这类JavaScript逻辑块，这是你报错的直接原因。
2. Stack模板默认配置中，若StackView未与窗口尺寸绑定，窗口resize时页面容器尺寸不会同步变化，导致anchors.centerIn无法动态更新位置。

具体解决方案 #

1. 调整main.qml中的StackView布局

确保StackView占满整个窗口，这样窗口resize时，StackView的尺寸会同步变化：

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Stack Template")

    StackView {
        anchors.fill: parent // 关键：让StackView铺满窗口
        initialItem: Page1 {}
    }
}

2. 简化页面文件的文本绑定

在页面文件（如Page1.ui.qml）中，仅保留声明式的居中绑定即可，无需手动处理resize事件——anchors.centerIn: parent本身是动态绑定，会自动响应父元素的尺寸变化：

import QtQuick 2.12
import QtQuick.Controls 2.12

Page {
    // Page组件默认会自动铺满父容器，无需额外设置

    Text {
        text: qsTr("Centered Text")
        anchors.centerIn: parent // 仅需这一行即可实现动态居中
    }
}

额外说明 #

• 若你的页面使用单独的.qml文件（非.ui.qml），同样无需添加onWidthChanged逻辑，确保页面根元素（如Page或Item）铺满父容器即可。
• qmlscene预览正常是因为它默认让页面根元素铺满预览窗口，而项目运行时StackView未正确绑定窗口尺寸导致异常。

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