7

长版

我正在使用 WebGL 作为平台的浏览器中运行 QML 应用程序。一切正常，直到我尝试集成 QtVirtualKeyboard 以填充一些文本字段和可编辑的 ComboBox'es。在浏览器中运行项目时，收到的第一条消息是：

This plugin does not support dynamic OpenGL loading!

我怀疑此错误消息/警告未链接到 VirtualKeyboard (VK)，因为删除 VK 的所有痕迹不会使消息消失。可以在下面查看浏览器窗口的屏幕截图。

在浏览器中运行的应用程序

单击文本输入字段时会出现下一条消息：

This plugin does not support setting window masks

一半的屏幕保持黑色 - 这是刷新时 VK 所在的区域。再次 - 下面的截图。

与文本字段交互后的浏览器 - 下半部分在虚拟键盘所在的位置变黑

刷新后，又出现三条消息。我将省略前两个，因为它们基本上是在说“您按下了 Alt 键和 F5 键”。第三条消息是：

requestActivate() called for  QtVirtualKeyboard::InputView(0x4a16590)  which has Qt::WindowDoesNotAcceptFocus set.

现在键盘是可见的，但是每次在 VK 上敲击一个键时，都会出现新消息，而文本字段中不会写入任何文本：

This plugin does not support setting window masks
This plugin does not support setting window masks
qt.virtualkeyboard: InputContext::sendKeyClick(): no focus to send key click - QGuiApplication::focusWindow() is: QtVirtualKeyboard::InputView(0x4a16590)
This plugin does not support setting window masks

除此之外，一旦项目处于此状态，来自我的键盘的输入似乎会被忽略。硬重置（关闭程序并重新启动）将功能恢复到被调用的 VK，刷新页面不会触发任何文本出现在文本字段中。我得到的最终视图如下所示：

键盘显示在以前，黑暗挡住了一半屏幕的位置。 这是程序在关闭之前的最终状态。

我创建了一个最小的示例来演示该问题。它是由 Qt Creator 4.13.2 创建的稍作修改的空 QML 项目。

在桌面上运行它应该可以工作，如果项目收到命令行参数，则会出现问题行为-platform webgl:port=80。我正在使用 MSVC2019 32 位和 Qt 5.15.1。该问题在 Microsoft Edge 44.18362.387.0 和 Firefox 68.5.0esr（32 位）中重现。

不过，Chrome 版本 86.0.4240.111（64 位）有点不同：虽然没有直接显示输入，但刷新网页后会输入内容。但是，最小化键盘不起作用，所以这不是解决方案。

# TestVirtualKeyboard.pro (autogenerated by QtCreator)
QT += quick virtualkeyboard

CONFIG += c++11

# You can make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
        main.cpp

RESOURCES += qml.qrc

# Additional import path used to resolve QML modules in Qt Creator's code model
QML_IMPORT_PATH =

# Additional import path used to resolve QML modules just for Qt Quick Designer
QML_DESIGNER_IMPORT_PATH =

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

// main.cpp
#include <QGuiApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
{
  qputenv("QSG_RENDER_LOOP", "threaded"); // Addendum for Windows, does not change the problematic behavior
  qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));

  QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);

  QGuiApplication app(argc, argv);

  QQmlApplicationEngine engine;
  const QUrl url(QStringLiteral("qrc:/main.qml"));
  QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
                   &app, [url](QObject *obj, const QUrl &objUrl) {
    if (!obj && url == objUrl)
      QCoreApplication::exit(-1);
  }, Qt::QueuedConnection);
  engine.load(url);

  return app.exec();
}


// main.qml
import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.VirtualKeyboard 2.15
import QtQuick.Controls 2.5

Window {
    id: window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    color: "grey"

    TextInput {
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        width: 320
        height: 30

        Rectangle {
            anchors.centerIn: parent
            width: parent.width + 4
            height: parent.height + 4
            color: "white"
            border.color: "black"
            border.width: 1
            radius: 2
            z: -1
        }
    }
}

TL、DR： 如果在桌面应用程序中运行，QtVirtualKeyboard 可以工作，但如果平台是 WebGL 并且选择了可编辑的文本元素，则会冻结应用程序。

问题： 有没有办法让 QtVirtualKeyboard 在 Qt/WebGL 应用程序中运行，或者是否有另一种方法/工具可用于在触摸设备上通过 Qt/WebGL 应用程序获得键盘功能？不必编写自己的键盘元素的奖励积分。

到目前为止我已经尝试过：

  • 我搜索了一些流行的搜索引擎，但没有找到。
  • 多个浏览器，没有令人满意的成功。
  • 发现了一些与 Unity 相关的问题，这将是另一个论坛的交叉帖子。这些似乎不适用于我的问题，因为我怀疑 Qt/QML/WebGL 和 Unity/WebGL 会有很大不同，而且我没有使用 Unity 的经验。
  • 我不确定这个问题是如何相关的：QT WebGL-stream, virtualKeyboard and touch screen problem
4

1 回答 1

2

在 Qt Support 的帮助下，我得到了它的工作。我这样做的方式是，调用 Qt 虚拟键盘会导致应用程序试图使键盘成为应用程序顶部的顶级窗口。这也是桌面机箱的处理方式，但它在那里工作。

为了避免这种行为，必须将键盘嵌入到 QML 窗口中。为此，InputPanel可以像这样将一个添加到 QML 窗口中：

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.VirtualKeyboard 2.15
import QtQuick.Controls 2.5

Window {
    id: window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    color: "grey"

    TextInput {
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        width: 320
        height: 30

        Rectangle {
            anchors.centerIn: parent
            width: parent.width + 4
            height: parent.height + 4
            color: "white"
            border.color: "black"
            border.width: 1
            radius: 2
            z: -1
        }
    }

    InputPanel {
        width: window.width
        y: window.height - height
        visible: active
    }
}

这对我有用。

于 2020-11-04T09:28:25.460 回答