How to custom 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!

[raven-worx]

@small_bird
read my post (regarding the style setup) again line by line and compare it to your code.
Why do you add the layout path to the engine's import path?!

The keyboard styles and layout are different concepts, so don't mix them up.