Question

我正在查看虚拟键盘的QML样式。 keyboardDesignWidth和Height的目的是什么？我似乎在管理键盘的宽度和高度方面遇到了很多麻烦，并且永远无法将其设置为我想要的方式。直接设置keyboardHeight和Width也没什么用。

问题是组件背景大小以某种方式在幕后计算。因此，即使我拥有键盘按钮和大小我想要的东西，无关的背景也会覆盖我的其他控件，并且很难对键盘的大小进行精细控制。

直接控制虚拟键盘宽度和大小的正确方法是什么？

Answer 1

从Documentation

引用

键盘大小是根据可用宽度自动计算的;也就是说，键盘保持当前样式指定的宽高比。因此，应用程序应该只设置InputPanel的宽度和y坐标，而不是高度。

因此，如果您想要具有特定高度，则需要相应地设置宽度。

直接控制虚拟键盘宽度和大小的正确方法是什么？

e.g。

InputPanel {
    anchors.fill: parent
    anchors.leftMargin: 100
    anchors.rightMargin: 100
}

e.g。

InputPanel {
    anchors.horizontalCenter: parent.horizontalCenter
    anchors.bottom: parent.bottom
    width: 30
}

那么keyboardDesignHeight/Width的交易是什么？嗯，这似乎是键盘的尺寸，当没有必要缩放它时：

scaleHint：真实
键盘样式比例提示。该值的确定方法是将keyboardHeight除以keyboardDesignHeight。所有像素尺寸必须与此值成比例 此属性只读！

因此设置它们不会根据宽度禁用输入面板的自动调整大小。

您可以使用它们来计算比率，并从此设置宽度以达到您想要的高度。

也许这个例子可以帮助您理解这个属性：

import QtQuick 2.6
import QtQuick.Window 2.0
import QtQuick.Controls 2.0
import QtQuick.VirtualKeyboard 2.0

ApplicationWindow {
    id:appwindow
    visible: true
    width: 800
    height: 600
    title: qsTr("Test")


    InputPanel {
        id: ip
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        width: 800

        Component.onCompleted: console.log(Object.keys(ip.keyboard.style).sort())
    }

    Slider {
        id: sl
        from: 0
        to: 3000
    }

    Binding {
        target: ip.keyboard.style
        property: 'keyboardDesignHeight'
        value: sl.value

    }
}

qml虚拟键盘：keyboardDesignWidth和Height

1 个答案: