// main.cpp
#include <QtGui/QGuiApplication>
#include <QtCore/QCoreApplication>
#include <QtQml/QQmlApplicationEngine>
#include <QtQuick/QQuickWindow>
int main(int argc, char **argv) {
    qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));

    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("./main.qml")));

    QQuickWindow *window = qobject_cast<QQuickWindow*>(engine.rootObjects().first());
    window->show();
    
    return app.exec();
}

// main.qml
import QtQuick 2.0
import QtQuick.Controls 2.3
import QtQuick.VirtualKeyboard 2.1
import QtQuick.Window 2.0

Window {
    id: window
    width: 800
    height: 480
    color: "#F6F6F6"

    MouseArea  {
        id: content
        width: window.width

        Column {
            id: textEditors
            spacing: 15
            x: 12
            y: 12
            width: parent.width - 26

            Label {
                color: "#565758"
                text: "Tap fields to enter text"
                anchors.horizontalCenter: parent.horizontalCenter
            }
            TextField {
                width: parent.width
                placeholderText: "One line field"
                onTextChanged: {
                    console.log("shift:" + InputContext.shift + " caps:" + InputContext.capsLock)
                }
            }
            TextField {
                id: passwordField
                width: parent.width
                echoMode: TextField.PasswordEchoOnEdit
                placeholderText: "Password field"
                inputMethodHints: Qt.ImhAutoUppercase | Qt.ImhPreferLowercase | Qt.ImhSensitiveData | Qt.ImhNoPredictiveText
                onTextChanged: {
                    console.log("shift:" + InputContext.shift + " caps:" + InputContext.capsLock)
                    // very dirty fix
                    // InputContext.capsLock = false
                }
            }
        }
    }
    InputPanel {
        id: inputPanel
        z: 2
        y: window.height
        width: window.width

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