How to custom qml virtual keyboard ?

[small_bird]

Hello, how to custom Qt Quick Virtual Keyboard, that is how to add one button to the qml virtual keyboard?

[raven-worx]

@small_bird
https://doc.qt.io/qt-5.11/technical-guide.html#adding-custom-layouts

1. copy the existing layout files from QTDIR/qtvirtualkeyboard/src/virtualkeyboard/content/layouts/en_GB
2. adapt to your needs
3. add the files in a (custom) path (e.g. :/path/to/my/kb/layouts/en_GB) to your qrc
4. in the beginning of your main() add:

qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));
qputenv("QT_VIRTUALKEYBOARD_LAYOUT_PATH", ":/path/to/my/kb/layouts");

[small_bird]

@raven-worx Yes，I have done like that, however, it shows black rect.

[raven-worx]

@small_bird
it shows a black rect where?
Where the button should be or where the keyboard should be?

Anyway show some code/qrc in order to give proper help.

[small_bird]

@raven-worx

[small_bird]

@small_bird

[raven-worx]

@small_bird
any console output?
what is the content of QT_VIRTUALKEYBOARD_LAYOUT_PATH?
Did you add an InputPanel element to your application?
...

[small_bird]

@raven-worx
The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").
No InputPanel.

[raven-worx]

@small_bird said in How to custom qml virtual keyboard ?:

The QT_VIRTUALKEYBOARD_LAYOUT_PATH is QByteArray(":/layouts/en_GB").

as i stated it should be :/layouts only

[small_bird]

@raven-worx Thanks a lot! I have made it!

[small_bird]

This post is deleted!

[small_bird]

@raven-worx How to change the background color of the keyboard, for example, from black to transparent.

[raven-worx]

@small_bird said in How to custom qml virtual keyboard ?:

How to change the background color of the keyboard, for example, from black to transparent.

did you read the link from my first post at all?
https://doc.qt.io/qt-5.11/technical-guide.html#keyboard-styles

[small_bird]

@raven-worx Yes, I have read that, however, it does not work, this is my shortcut of path:

[raven-worx]

@small_bird

1. set the QT_VIRTUALKEYBOARD_STYLE to _STYLENAME_
2. put the style.qml into your existing qrc (e.g. to the path :/kbstyles/test.qml :/kbstyles/QtQuick/VirtualKeyboard/Styles/_STYLENAME_/style.qml)
3. add the import path to your QQmlEngine (engine->addImportPath(":/kbstyles"))

did you copy the existing (default) virtual keyboard style and made your changes upon it?

[small_bird]

@raven-worx Yes, I have done that. "set the QT_VIRTUALKEYBOARD_STYLE to test"? What is the meaning? to test.qml file?

[raven-worx]

@small_bird
the name of the qml file folder containing style.qml

[small_bird]

@raven-worx
Is this all right?

[raven-worx]

@small_bird
you said you read the link didnt you?!
you should set it as a env variable!
qputenv("QT_VIRTUALKEYBOARD_STYLE", "test");

[small_bird]

@raven-worx
Another problem happens!