Qml 如何让Qt Creator显示正确的窗口大小？

这是一个令人恼火的问题。我在这里有一个非常简单的测试QML：

import QtQuick 2.2
import QtQuick.Controls 1.1

ApplicationWindow {
    id: mainWindow
    visible: true
    width: 640
    height: 480
    title: qsTr("TextOperator")

    menuBar: MenuBar {
        Menu {
           title: qsTr("File")
            MenuItem {
                text: qsTr("Exit")
                onTriggered: Qt.quit();
            }
        }
    }

    Rectangle {
        id: rectangle1
        anchors.fill: parent
        color: "#ffffff"
    }
}

在QtCreator中，它显示为一个简单的点（因为窗口的大小不正确地为零，而矩形正在“填充”它）。当我运行项目时，它按预期工作。如何使设计模式正确显示预览？我正在链接64位msvc 2013 qt（direct x）

---

升级Qt Creator。我使用的是3.1.2，您的代码在Qt Quick Designer中以正确的大小显示窗口。

实际上，这就是我最后所做的，因为我发现在线安装程序附带的Qt creator不好。我得到了框架和创建者的独立版本。