调整移动屏幕的应用程序分辨率

Question

你好，我已经尝试调整我的QML应用程序的移动屏幕。我的主屏幕由TabView中的Tab s组成:

import QtQuick 2.5
import QtQuick.Window 2.1
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.1
import QtQuick.Controls.Styles 1.4
TabView {
    Tab{
      id: Tab1 
      component: Qt.createComponent("qrc:///LoginScreen.qml")}
    Tab{
      id: Tab1
      component: Qt.createComponent("qrc:///AfterLogged.qml")}}`

在LoginScreen.qml中，我有Button s, Label s, TextField s来获取数据:

import QtQuick 2.5
import QtQuick.Window 2.1
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.1
import QtQuick.Controls.Styles 1.4
Item { 
  Label {
    id: ipAddressLabel
    text: qsTr("Address IP:")
  TextField {
    id: ipTextField
    placeholderText: qsTr("Insert IP address")
  Button {
    id: loginBtn
    onClicked: {
     connectToApp(ipTextField.text)}}
    }

我如何根据特定的手机屏幕分辨率/密度调整我的应用程序屏幕大小?

Answer 1

看看Screen字体。

它包含当前height和width的屏幕，可以分配给您的LoginScreen.qml width和height属性:

Item {
    width: Screen.width
    height: Screen.height
    //[...]
}

请注意，如果你想使用anchors与外边距，你必须更进一步，正确计算外边距