Qt QML使用虛擬鍵盤的示例代碼

更新時間：2024年01月04日 10:36:38 作者：信必諾

這篇文章主要為大家詳細(xì)介紹了Qt QML使用虛擬鍵盤的相關(guān)知識,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下

示例效果

使用"虛擬鍵盤"注意（例子的Qt版本:5.12.4）

注意一：

/* 必須在main.cpp開始處加入如下代碼，否則無法使用"虛擬鍵盤" */
qputenv(“QT_IM_MODULE”,QByteArray(“qtvirtualkeyboard”));

注意二：

鍵盤大小是根據(jù)寬度自動計算的，所以，應(yīng)用程序應(yīng)該只設(shè)置InputPanel 的寬度和y 坐標(biāo)，不能設(shè)置高度。

源碼

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.5

import QtQuick.VirtualKeyboard 2.2
import QtQuick.VirtualKeyboard.Settings 2.2

Window
{
    id: root
    visible: true
    width: 800
    height: 600
    title: qsTr("Hello World")

    ColumnLayout
    {
        anchors.top: parent.top
        anchors.topMargin: root.height * 0.2
        anchors.horizontalCenter: parent.horizontalCenter
        spacing: 25

        RowLayout
        {
            spacing: 25

            Text
            {
                text: qsTr("用戶名:")
                font.family: "微軟雅黑"
                font.pixelSize: 20
            }
            TextField
            {
                placeholderText: "輸入用戶名.."
                font.family: "微軟雅黑"
                font.pixelSize: 16
                Layout.preferredWidth: root.width * 0.25

                background: Rectangle
                {
                    radius: 4
                    border.color: parent.focus  ? "#498ff8" : "#C4DBFC"
                }
            }
        }

        RowLayout
        {
            spacing: 25

            Text
            {
                text: qsTr("密   碼:")
                font.family: "微軟雅黑"
                font.pixelSize: 20
            }
            TextField
            {
                placeholderText: "輸入密碼.."
                font.family: "微軟雅黑"
                font.pixelSize: 16
                Layout.preferredWidth: root.width * 0.25

                background: Rectangle
                {
                    radius: 4
                    border.color: parent.focus  ? "#498ff8" : "#C4DBFC"
                }
            }
        }
    }

    InputPanel
    {
        id: inputPannelID
        z: 99
        y: root.height      // 默認(rèn)讓其處于窗口最下方,貌似隱藏一樣
        width: root.width
        visible: true       // 一直顯示

        states: State 
        {
            name: "visible"
            when: inputPannelID.active
            PropertyChanges 
            {
                target: inputPannelID
                y: root.height-inputPannelID.height
            }
        }
        transitions: Transition 
        {
            from: ""
            to: "visible"
            reversible: true
            ParallelAnimation 
            {
                NumberAnimation 
                {
                    properties: "y"
                    duration: 250
                    easing.type: Easing.InOutQuad
                }
            }
        }


        Component.onCompleted:
        {
            VirtualKeyboardSettings.styleName = "retro"                         // 復(fù)古樣式
            VirtualKeyboardSettings.wordCandidateList.alwaysVisible = true
            VirtualKeyboardSettings.activeLocales = ["en_US","zh_CN","ja_JP"]   // 英語、中文、日語 (若不設(shè)置,則語言就有很多種)
        }
    }
}

以上就是Qt QML使用虛擬鍵盤的示例代碼的詳細(xì)內(nèi)容，更多關(guān)于Qt QML虛擬鍵盤的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: