Overview

This document describes how to deploy and use the Qt Virtual Keyboard plugin with Qt 5 applications.

Deployment

The various Qt Virtual Keyboard plugins and files are deployed in the following locations:

Integration Method

Qt Virtual Keyboard currently supports two alternative integration methods for using the plugin:

• Desktop: Qt Virtual Keyboard is integrated with Qt 5 and requires no changes to existing applications. The Qt Virtual Keyboard input method is available to all of the Qt 5 applications in the system.

  In this integration method, the keyboard is shown in a dedicated top-level window.

• Application: Qt Virtual Keyboard is integrated with Qt 5, but requires changes to particular applications using Qt Virtual Keyboard. This method is mandatory in a Boot2Qt environment, but can be used in desktop applications too.

  In this integration method, the keyboard is shown in the same Qt Quick scene as the application.

The integration method is automatically selected by the project files. However, in desktop environments, it is possible to override the desktop integration method and use the application integration method instead, by adding CONFIG+=disable-desktop to the qmake command line.

Note: The desktop integration method is not currently available in Boot2Qt environments.

Loading the Plugin

In both integration methods, the application must use the QT_IM_MODULE environment variable to load the plugin. For example:

$ QT_IM_MODULE=qtvirtualkeyboard myapp

or in the main() function:

qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));

In the desktop integration method, this step is all that is required to use Qt Virtual Keyboard. In the application integration method, the application is required to create an instance of InputPanel as explained in the following chapter.

Creating InputPanel

The following example shows how to create an InputPanel and how to divide the screen area with the application container.

import QtQuick 2.0
import QtQuick.VirtualKeyboard 2.1

Item {
    id: root
    Item {
        id: appContainer
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.right: parent.right
        anchors.bottom: inputPanel.top
        ...
    }
    InputPanel {
        id: inputPanel
        y: Qt.inputMethod.visible ? parent.height - inputPanel.height : parent.height
        anchors.left: parent.left
        anchors.right: parent.right
    }
}

The input panel must be a sibling element next to the application container. It is important not to put the input panel within the application container, as it would then overlap with the contents of the application. Also, the input panel height will be automatically updated according to the available width; the aspect ratio of the input panel is constant.

Environment Variables

There are several environment variables defined by the module that are listed below: