3

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

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

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

4

1 回答 1

9

从文档中引用

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

所以如果你想有一个特定的高度，你需要相应地设置宽度。

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

例如

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

例如

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

那么与 有什么关系keyboardDesignHeight/Width呢？好吧，这似乎是键盘的尺寸，当不需要缩放它时：

scaleHint : real
键盘风格的刻度提示。该值由除以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

    }
}
于 2017-09-15T10:14:49.120 回答