IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Interaction entre C++ et QML : une solution mettant en avant la facilité pour appeler une fonction C++
Un billet de Jiuu

Le , par Jiyuu

0PARTAGES

Dans l'un de mes articles je traite des manières d'interagir entre le code Python et le code QML.

Je vous propose ici d'aborder le sujet, mais avec un code C++. Les lignes qui suivent présentent une première méthode, qui à mon sens est la plus simple, mais peut-être pas la plus "corporate".

Important : le but de ce billet n'est pas de présenter QML. On suppose donc que vous connaissez déjà un peu ce langage.

Si vous utilisez Qt Creator commencez par créer un nouveau projet et choisissez l'option Qt Quick Controls Application. La capture d'écran qui suit correspond à la fenêtre que vous aurez avec Qt Creator 3.5, c'est-à-dire la version la plus récente au moment d'écrire ces quelques lignes :


Maintenant je vous propose de modifier le code qml afin d'ajouter un bouton :

Code qml : Sélectionner tout
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
import QtQuick 2.5 
import QtQuick.Controls 1.4 
  
ApplicationWindow { 
    visible: true 
    width: 640 
    height: 480 
    title: qsTr("Hello World") 
  
    menuBar: MenuBar { 
        Menu { 
            title: qsTr("File") 
            MenuItem { 
                text: qsTr("&Open") 
                onTriggered: console.log("Open action triggered"); 
            } 
            MenuItem { 
                text: qsTr("Exit") 
                onTriggered: Qt.quit(); 
            } 
        } 
    } 
  
    Label { 
        id: label 
        text: qsTr("Hello World") 
        x: 5 ; y: 5 
        width: parent.width 
        height: 50 
    } 
    Button{ 
        x: 5 ; y: 100 
        text: qsTr("Click here") 
        onClicked: label.text = comCpp.txt()  // les lignes qui suivent expliquent ce qu'est comCpp.txt() 
    } 
}

Nous allons ensuite modifier notre main.cpp comme suit :
Code c++ : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#include <QGuiApplication> 
#include <QQmlApplicationEngine> 
#include <QQmlContext>  // nécessaire pour dialoguer entre le code C++ et le code QML 
#include <comcpp.h>  // correspond à une classe que nous allons construire ensuite. 
  
int main(int argc, char *argv[]) 
{ 
    QGuiApplication app(argc, argv); 
    ComCpp compCpp;  
  
    QQmlApplicationEngine engine; 
    engine.rootContext()->setContextProperty("comCpp", &compCpp); // nous passons ensuite notre object comCpp comme contextProperty dans notre QML. C'est ainsi que nous pourrons l'utiliser. 
    engine.load(QUrl(QStringLiteral("qrc:/main.qml"))); 
  
    return app.exec(); 
}

Créons maintenant notre classe ComCpp en y ajoutant le slot txt():
comcpp.h
Code c++ : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
#ifndef COMCPP_H 
#define COMCPP_H 
  
#include <QString> 
#include <QObject> 
  
  
class ComCpp : public QObject  // IMPORTANT : pour être utilisable dans le code QML, votre classe doit dériver de QObject ou QQuickItem. 
{ 
    Q_OBJECT 
public: 
    explicit ComCpp(QObject *parent = 0); 
  
signals: 
  
public slots: 
    QString txt(); 
}; 
  
#endif // COMCPP_H

comcpp.cpp
Code c++ : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
#include "comcpp.h" 
  
ComCpp::ComCpp(QObject *parent) : QObject(parent) 
{ 
  
} 
  
QString ComCpp::txt(){ 
    QString r = "You have clicked on QML Button"; 
    return r; 
}

Vous n'avez plus qu'à tester votre application. En théorie un clic sur le bouton doit faire le travail attendu... Évidemment, il n'est pas nécessaire de passer par du C++ pour faire ceci, mais cela vous montre le principe.

Bonne lecture, à bientôt et n'hésitez pas à laisser vos commentaires.

++

J

Une erreur dans cette actualité ? Signalez-nous-la !