qml虚拟键盘：keyboardDesignWidth和Height

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

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

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

引用自文档 https://doc.qt.io/qt-5/qml-qtquick-virtualkeyboard-inputpanel.html#details

键盘尺寸根据可用宽度自动计算；也就是说，键盘保持当前样式指定的宽高比。因此，应用程序应该只设置 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？好吧，这似乎是键盘的尺寸，当不需要缩放它时：

比例提示：真实
键盘风格音阶提示。该值由除以keyboardHeight by 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

    }
}