qt - QML 中元素的大小

Question

我是 QML 的新手。
据我了解，所有元素都有一个相关的宽度和高度，这决定了它们的大小。
如果用户更改屏幕分辨率，最终输出看起来很奇怪。
有没有办法根据屏幕分辨率动态控制元素的大小？

Answer 1

您可以将 height 相乘，而不是使用固定值和 width根元素的因子，确定元素的大小与根元素的大小成正比。此外，您可以使用 QML anchors .有了这个，您可以创建完全可扩展的 GUI:

import QtQuick 1.0

Item {
    id: root

    // default size, but scalable by user
    height: 300; width: 400

    Rectangle {
        id: leftPanel

        anchors {
            top: parent.top
            left: parent.left
            bottom: parent.bottom
        }
        width: root.width * 0.3
        color: "blue"
    }

    Rectangle {
        id: topPanel

        anchors {
            top: parent.top
            left: leftPanel.right
            right: parent.right
        }
        height: root.height * 0.2
        color: "green"
    }


    Rectangle {
        id: contentArea

        anchors {
            top: topPanel.bottom
            left: leftPanel.right
            right: parent.right
            bottom: root.bottom
        }
        color: "white"

        Text {
            text: "Hi, I'm scalable!"
            anchors.centerIn: parent
            font.pixelSize: root.width * 0.05
        }
    }
}

我不知道如何使用在所有环境中都可用的纯 QML 来获得屏幕分辨率。

要确定移动设备上的屏幕分辨率，您可以使用 QML Screen Element .

在桌面应用程序中，您可以在 C++ 中获取屏幕分辨率(例如，使用 QDesktopWidget )并将其设为 available in QML .