Discussion :

[Erakis]

Bonjour à tous,

J'ai besoin d'utiliser un clavier virtuel pour un application QtQuick fonctionnant sous Windows/Linux. Je sais qu'il en existe déjà un avec Qt, mais il nécessite la version commercial !

Voici le liens vers le plugins : https://github.com/githubuser0xFFFF/...irtualKeyboard

J'aimerais tout d'abord le faire fonctionner sous Windows. J'ai fait plusieurs tentatives jusqu'ici de déplacer le plugins à pleins d'endroit mais j'ai toujours le même problème :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
module "VirtualKeyboard" is not installed 
     import VirtualKeyboard 1.0 
     ^

Tout d'abord, j'ai essayé de placer les fichiers nécessaires au plugins ici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
C:\Qt\5.4\msvc2013\plugins\platforminputcontexts\VirtualKeyboard\
       - FontAwesome.otf 
       - InputPanel.qml 
       - KeyButton.qml 
       - KeyPopup.qml 
       - qmldir 
       - VirtualKeyboard.dll
       - VirtualKeyboard.pdb

Mais cela ne fonctionne pas, toujours le même problème.

J'ai ensuite essayé de les placer ici, dans le répertoire de l'exemple qui vient avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
\examples\qmlapp\VirtualKeyboard\
       - FontAwesome.otf 
       - InputPanel.qml 
       - KeyButton.qml 
       - KeyPopup.qml 
       - qmldir 
       - VirtualKeyboard.dll
       - VirtualKeyboard.pdb

Maintenant, il semble le voir, mais j'ai à présent un autre erreur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

examples/qmlapp/VirtualKeyboard/InputPanel.qml:16: ReferenceError: InputEngine is not defined

J'espère que quelqu'un pourra m'aider, j'ai plus trop d'idée de ce qui ne fonctionne pas

Merci beaucoup

[dourouc05]

Tu tentes d'installer une extension Qt Quick comme une extension Qt . Tout se passe dans le dossier imports, si tu veux tout mettre dans le dossier de Qt. Dans le code, tu peux jouer avec engine()->addImportPath().

[Erakis]

Merci pour votre aide

J'ai réussi à le faire fonctionne en utilisant cette structure :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
C:\Qt\5.4\msvc2013\plugins\platforminputcontexts
       - VirtualKeyboard.dll
       - VirtualKeyboard.pdb
 
C:\Qt\5.4\msvc2013\qml\QtQuick\VirtualKeyboard
       - FontAwesome.otf 
       - InputPanel.qml 
       - KeyButton.qml 
       - KeyPopup.qml 
       - qmldir

Bien que j'aimerais d'avantage le mettre dans mon dossier où mon application réside.

Merci

[dourouc05]

Bien que j'aimerais d'avantage le mettre dans mon dossier où mon application réside.

Tu as regardé ça ?

Dans le code, tu peux jouer avec engine()->addImportPath().

http://doc.qt.io/qt-5/qtqml-syntax-i...ml-import-path

[Erakis]

Oui, en fait j'ai vu ça.

C'est juste que dois-je tout mettre dans le même sous-répertoire ? Ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
C:\MyApplication\
       - MyApplication.exe
C:\MyApplication\VirtualKeyboard\
       - VirtualKeyboard.dll
       - VirtualKeyboard.pdb
        - FontAwesome.otf 
       - InputPanel.qml 
       - KeyButton.qml 
       - KeyPopup.qml

Et ensuite au démarrage de mon application, je ferais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
engine()->addImportPath("C:\MyApplication\VirtualKeyboard\");

Par contre, en faisant cela, le designer de QT verra des erreurs dans les fichier QML qui comporte la directive :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
import QtQuick.VirtualKeyboard 1.0 // Erreur le QML n'existe pas en mode design, mais sûrement en mode runtime
import VirtualKeyboard 1.0

Merci

[Erakis]

Autre chose que j'ai essayé et qui ne fonctionne toujours pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
..\examples\qmlapp
   - qmlApp.exe
..\examples\qmlapp\plugins\platforminputcontexts
   - VirtualKeyboard.dll
   - VirtualKeyboard.pdb
..\examples\qmlapp\QtQuick\VirtualKeyboard
   - FontAwesome.otf 
   - InputPanel.qml 
   - KeyButton.qml 
   - KeyModel.qml 
   - KeyPopup.qml
   - qmldir
 
// Main.cpp
view.engine()->addImportPath(qApp->applicationDirPath());

La seule façon que j'ai réussi à le faire fonctionner, c'est celle-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
C:\Qt\5.4\msvc2013\plugins\platforminputcontexts
       - VirtualKeyboard.dll
       - VirtualKeyboard.pdb
 
C:\Qt\5.4\msvc2013\qml\QtQuick\VirtualKeyboard
       - FontAwesome.otf 
       - InputPanel.qml 
       - KeyButton.qml 
       - KeyPopup.qml 
       - qmldir

Mais, je ne tiens pas à mettre les composants dans l'installation de QT, j'aimerais mieux qu'il soit dans le même répertoire que mon application.

J'ai beau lire la doc sur le site de QT, mais je comprend pas plus J'espère quelqu'un pourra m'éclaire sur la structure nécessaire à utiliser pour que le plugins soit sous le répertoire de mon application.

Merci

[Amnell]

Bonjour,

Techniquement, sans prendre en compte l'ajout d'import paths, avec l'import :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

import QtQuick.VirtualKeyboard 1.0

Vous sous-entendez avoir l'arborescence contenant ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
..\examples\qmlapp\QtQuick\VirtualKeyboard
   - FontAwesome.otf 
   - InputPanel.qml 
   - KeyButton.qml 
   - KeyModel.qml 
   - KeyPopup.qml
   - qmldir

Si vous utilisez ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

import VirtualKeyboard 1.0

Cela sous-entend l'arborescence suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
..\examples\qmlapp\VirtualKeyboard
   - FontAwesome.otf 
   - InputPanel.qml 
   - KeyButton.qml 
   - KeyModel.qml 
   - KeyPopup.qml
   - qmldir

Le seul élément dont je ne suis pas sûr est le fichier .dll, à cause des import VirtualKeyboard 1.0 des fichiers QML de ce path. Il faudrait regarder de ce côté-là par rapport à l'une ou à l'autre des arborescences ci-dessus (qui sont de mon point de vue valides).

Bonne journée,
Louis

[Erakis]

Voilà ce que j'ai essayé suivant vos conseilles :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
..\examples\qmlapp\VirtualKeyboard
   - VirtualKeyboard.dll
   - VirtualKeyboard.pdb
 
..\examples\qmlapp\QtQuick\VirtualKeyboard
   - FontAwesome.otf 
   - InputPanel.qml 
   - KeyButton.qml 
   - KeyModel.qml 
   - KeyPopup.qml
   - qmldir

Toutefois, j'obtiens encore une erreur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
/examples/qmlapp/MainContainer.qml:21:1: module "VirtualKeyboard" is not installed 
     import VirtualKeyboard 1.0 
     ^

Ce qui me fait penser que dans le fichier MainContainer il y a utilisation de l'object qml (InputPanel). Ce dernier est implémenté dans un des QML produit par le plugins VirtualKeyboard. Si je regarde le import qu'il y a au début du fichier "InputPanel.qml", on remarque ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

import VirtualKeyboard 1.0

Si on regarde cela d'un point de vue architectural, le VirtualKeyboard (dll) est situé dans 2 dossiers plus haut que ces QML (basé sur ma structure citée précédemment). Est-ce que cela pourrait être le problème ?

J'ai aussi essayé d'autres combinaisons, mais sans succès
J'ai essayé d'ajouter des imports path avec (view.engine()->addImportPath), mais toujours sans succès.

Merci

[dourouc05]

La DLL ne doit pas être là où qmldir dit qu'elle est (donc dans le même dossier par défaut) ?

[Erakis]

Le fichier qmldir, où doit-il être au juste ? Dans le même répertoire que les qml de la DLL (\example\QtQuick\VirtualKeyboard\qmldir) ou il doit être avec la dll dans (\example\VirtualKeyboard\qmldir) ?

Enfin, de ce que je comprend après avoir lu 10 fois la documenation, il devrait être ici : \example\QtQuick\VirtualKeyboard\qmldir.

Dans ce fichier on retrouve ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
module QtQuick.VirtualKeyboard
InputPanel 1.0 InputPanel.qml

Ce qui semble être correct, puisque InputPanel est bien dans le répertoire \QtQuick.VirtualKeyboard\. Par contre, le fichier InputPanel lui fait un import VirtualKeyboard 1.0. Mais la dll VirtualKeyboard.dll est 2 répertoire au dessus, donc dans \example\VirtualKeyboard\VirtualKeyboard.dll.

Le plugin est relativement assez petit, j'amagine que quelqu'un avec de meilleures connaissances que moi pourrait prendre 5 minutes pour le télécharger, l'ouvrir et juste m'indiquer où placer les choses à la bonne place pour que ce plugins puisse être placé dans mon répertoire d'application au lieu de l'installation global de QT. Voici le URL https://github.com/githubuser0xFFFF/...irtualKeyboard


Merci beaucoup

[Amnell]

Bonsoir,

J'ai cloné le Git et utilisé l'arborescence suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
/.../.
    - testkeyboard.exe
 
/..././QtQuick/VirtualKeyboard
    - InputPanel.qml
    - KeyButton.qml
    - ...
 
/..././platforminputcontexts
    - VirtualKeyboard.dll

Le main.qml de test que j'utilise est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
import QtQuick 2.4
import QtQuick.Window 2.2
import QtQuick.VirtualKeyboard 1.0
 
Window {
    width: 800
    height: 500
    visible: true
 
    MainForm {
        anchors.fill: parent
        mouseArea.onClicked: {
            Qt.quit();
        }
 
    }
 
    InputPanel {
        id: inputPanel
        z: 99
        y: appContainer.height
        anchors.left: parent.left
        anchors.right: parent.right
        states: State {
            name: "visible"
            when: Qt.inputMethod.visible
            PropertyChanges {
                target: inputPanel
                y: appContainer.height - inputPanel.height
            }
        }
        transitions: Transition {
            from: ""
            to: "visible"
            reversible: true
            ParallelAnimation {
                NumberAnimation {
                    properties: "y"
                    duration: 150
                    easing.type: Easing.InOutQuad
                }
            }
        }
    }
}

De mon côté, cela fonctionne avec ça, sans import path ni rien. Qt Creator n'aime pas trop parce qu'il n'arrive pas à trouver les fichiers, ce qui fait que je n'ai pas de coloration, mais il doit y avoir une solution.

Bonne soirée,
Louis

[Erakis]

Wow, merci beaucoup pour votre précieux temps Amnell, ça fonctionne très bien. Enfin !