QML —— 使用Qt虚拟键盘示例（附完整源码）

示例效果

 

使用"虚拟键盘"注意 （例子的Qt版本:5.12.4）

注意一：
     /* 必须在main.cpp开始处加入如下代码，否则无法使用"虚拟键盘" */
     qputenv(“QT_IM_MODULE”,QByteArray(“qtvirtualkeyboard”));

 
注意二：
     键盘大小是根据宽度自动计算的，所以，应用程序应该只设置InputPanel 的宽度和y 坐标，不能设置高度。

 

源码

     main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>int main(int argc, char *argv[])
{QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);// 必须加入否则无法使用"虚拟键盘"qputenv("QT_IM_MODULE",QByteArray("qtvirtualkeyboard"));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.12
import QtQuick.Window 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.5import QtQuick.VirtualKeyboard 2.2
import QtQuick.VirtualKeyboard.Settings 2.2Window
{id: rootvisible: truewidth: 800height: 600title: qsTr("Hello World")ColumnLayout{anchors.top: parent.topanchors.topMargin: root.height * 0.2anchors.horizontalCenter: parent.horizontalCenterspacing: 25RowLayout{spacing: 25Text{text: qsTr("用户名:")font.family: "微软雅黑"font.pixelSize: 20}TextField{placeholderText: "输入用户名.."font.family: "微软雅黑"font.pixelSize: 16Layout.preferredWidth: root.width * 0.25background: Rectangle{radius: 4border.color: parent.focus  ? "#498ff8" : "#C4DBFC"}}}RowLayout{spacing: 25Text{text: qsTr("密   码:")font.family: "微软雅黑"font.pixelSize: 20}TextField{placeholderText: "输入密码.."font.family: "微软雅黑"font.pixelSize: 16Layout.preferredWidth: root.width * 0.25background: Rectangle{radius: 4border.color: parent.focus  ? "#498ff8" : "#C4DBFC"}}}}InputPanel{id: inputPannelIDz: 99y: root.height      // 默认让其处于窗口最下方,貌似隐藏一样width: root.widthvisible: true       // 一直显示states: State {name: "visible"when: inputPannelID.activePropertyChanges {target: inputPannelIDy: root.height-inputPannelID.height}}transitions: Transition {from: ""to: "visible"reversible: trueParallelAnimation {NumberAnimation {properties: "y"duration: 250easing.type: Easing.InOutQuad}}}Component.onCompleted:{VirtualKeyboardSettings.styleName = "retro"                         // 复古样式VirtualKeyboardSettings.wordCandidateList.alwaysVisible = trueVirtualKeyboardSettings.activeLocales = ["en_US","zh_CN","ja_JP"]   // 英语、中文、日语 (若不设置,则语言就有很多种)}}
}

 

关注

笔者 - jxd