Qt Designer无法引用ApplicationWindow尺寸问题求助

嘿，这个问题我太熟悉了！当初我用Qt Designer做绑定主窗口尺寸的页面时，也碰到过一模一样的情况——运行起来一切正常，但Designer里页面直接缩成一团，根本没法做可视化编辑。

问题根源 #

这是因为Qt Designer单独编辑Page文件时，并没有加载你main.qml里的ApplicationWindow上下文。你写的ApplicationWindow.width在运行时能正确指向主窗口，但Designer找不到对应的对象，就会把这个值解析成undefined，最终导致页面宽高变成0。

实用解决方案 #

这里有几个靠谱的办法，你可以根据自己的需求选：

1. 用Designer专属条件做适配

Qt提供了Designer.isDesigner属性，可以判断当前是否处于Designer环境。我们可以给设计时设置固定默认尺寸，运行时再绑定主窗口：

Page {
    id: p_basicpage
    // 设计时用固定尺寸方便编辑，运行时自动适配主窗口
    width: Designer.isDesigner ? 450 : ApplicationWindow.width
    height: Designer.isDesigner ? 700 : ApplicationWindow.height
}

这样Designer里会正常显示450x700的页面，运行时又会自动跟随主窗口尺寸变化，完美兼顾设计和运行需求。

2. 用window属性替代直接引用

每个QML Item都自带window属性，指向它所在的顶级窗口。用这个属性的话，既保证运行时能正确获取主窗口尺寸，Designer里也会自动生成临时窗口尺寸（再加个默认值兜底更稳妥）：

Page {
    id: p_basicpage
    // 存在window时用窗口尺寸，否则用默认值
    width: window ? window.width : 450
    height: window ? window.height : 700
}

这个方法更通用，就算以后换了窗口类型，代码也不用修改。

3. 设置最小尺寸兜底

你也可以给Page加上minimumWidth和minimumHeight，就算绑定失效，页面也不会缩成0：

Page {
    id: p_basicpage
    width: ApplicationWindow.width
    height: ApplicationWindow.height
    minimumWidth: 450
    minimumHeight: 700
}

不过这个只是兜底方案，Designer里页面会显示最小尺寸，运行时如果主窗口比最小尺寸大，页面还是会跟着放大，也算能解决设计时的编辑问题。

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