How to custom qml virtual keyboard ?

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

[small_bird]

@raven-worx
The out put is the same!

[small_bird]

@raven-worx The output is "Can not find style "style" - fallback: "default"

[raven-worx]

@small_bird
my "fault". but anyway again this is described in the link i've posted.

In the given import path Qt expects the style to be in the path /QtQuick/VirtualKeyboard/Styles
So add your style.qml into the following qrc path (where STYLENAME is the name you provide in the QT_VIRTUALKEYBOARD_STYLE env variable):
:/kbstyles/QtQuick/VirtualKeyboard/Styles/STYLENAME => so it becomes :/kbstyles/QtQuick/VirtualKeyboard/Styles/STYLENAME/style.qml

So QT_VIRTUALKEYBOARD_STYLE determines the folder name (which contains a style.qml) not the name of the qml file itself.

[small_bird]

@raven-worx

[raven-worx]

@small_bird
last time...
engine->addImportPath(":/kbstyles")

[small_bird]

@raven-worx Does not work, thanks all the same!

[raven-worx]

@small_bird
if you follow the instructions in my post it definitely works, i used it myself already.
If not you are still doing something wrong.
Only advice left i can give is try a full rebuild (clean, rerun qmake, build again)

[small_bird]

@raven-worx
Warning：。。。。。。

[GSElabs]

The problem may be in the order of the addImportPath and engine.load actions. I found that

engine.load(QUrl("qrc:/main.qml"));

must be executed only after

engine.addImportPath("qrc:/kbstyles");
qputenv("QT_VIRTUALKEYBOARD_STYLE", "mykbstl");

So the code must be something like this:

QQmlApplicationEngine engine;
engine.addImportPath("qrc:/kbstyles");
qputenv("QT_VIRTUALKEYBOARD_STYLE", "mykbstl");
engine.load(QUrl("qrc:/main.qml"));

[Vincent_Law]

Thank u for this thread. I resolved my problem with ru_RU <3

[priyankar]

how to check the path set for QT_VIRTUALKEYBOARD_LAYOUT_PATH ?