Discussion :

[Sillimon]

Coucou à tous !

En galère sur le lien QML/C++, j'ai l'impression qu'un énorme truc me passe sous le nez et m'empêche de comprendre la moindre notion.

Aussi j'en appelle à l'entraide pour m'aider dans un cas simple mais qui j'espère me fera faire un pas de plus vers la compréhension.

Voici mon but "final" :
une fenêtre avec deux comboBox. Toute les deux sur l'index 0 --> Rien.

Choisir une value (quelque soit son index pour le moment) sur la première entrainerait sur la deuxième un addItems ou quoi que ce soit d'autre qui la remplirai (avec de simple String ou QString ; via un QStringList ou QStringListModel ou autre méthode que je n'aurais pas encore eu la chance de trouver).


M'ayant battu pendant un loooooooong moment avec la doc de Qt, j'ai essayé des centaines et des centaines de solutions mais j'ai l'impression que tout le monde sur internet s'y prend d'une façon différente et que personne ne s'accorde vraiment sur un tuto/cours clair, net et précis (probablement en raison d'un tros gros nombre de choses à évoquer).

Bref, je suis en train de m'embrouiller complètement entre QML to C++ et C++ to QML, connect et Q_property, et j'en passe.

J'ai donc décidé de découper mon but final en toute petites parties :
1) un programme sans QML avec simplement une fenêtre contenant un bouton qui, avec un click dessus, effectuerait un addItems(MaQStringList) sur une ComboBox.

2) un cas simple de transfert de données de C++ à QML

3) un cas simple de transfert de données de QML à C++

Et à peine je commence le 1) que je bloque.

Voici mon code :

MaFenetre.h

Code Qt :

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
 
#ifndef MAFENETRE_H
#define MAFENETRE_H
 
#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QComboBox>
 
class MaFenetre : public QWidget
{
public:
    MaFenetre();
 
private:
    QPushButton *m_bouton;
    QComboBox *m_cbb;
 
public slots:
    void fillUpComboBox();
};
 
#endif

MaFenetre.cpp

Code Qt :

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
 
#include "mafenetre.h"
 
MaFenetre::MaFenetre() : QWidget()
{
    setFixedSize(600, 300);
 
    m_bouton = new QPushButton("Wé wé remplis la comboBox stoplay", this);
    m_bouton->setFont(QFont("Comic Sans MS", 9));
    m_bouton->move(130, 48);
 
    //Construction comboBox
    m_cbb = new QComboBox(this);
    m_cbb->move(60, 50);
 
    QObject::connect(m_bouton, SIGNAL(clicked()), this, SLOT(fillUpComboBox()));
}
 
void MaFenetre::fillUpComboBox()
{
    QStringList list;
    list << "Un" << "Deux" << "Trois" << "Soleil";
 
    m_cbb->addItems(list);
}

main.cpp

Code Qt :

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
 
#include <QApplication>
#include <QtWidgets>
 
#include "mafenetre.h"
 
int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
 
    //Création fenêtre
    MaFenetre fenetre;
    fenetre.show();
 
    return app.exec();
}

Aussi, j'ai une erreur comme quoi il ne trouve pas le slot QWidget::fillUpComboBox. J'ai essayé de changer en MaFenetre::fillUpComboBox, de changer le this en m_cbb, en MaFenetre, en plein de trucs mais je pense pas que je trouverai comme ça.

Et, si je met le code de fillUpComboBox dans la définition de la classe, tout se passe très bien.

Voici donc mes questions :
1) On peut changer le contenu d'une comboBox APRÈS le début du programme ?
2) Si oui, et je suppose que oui, on s'y prend comment ?
3) Si rien ne cloche au niveau de la "méthode" que j’emploie, c'est que le problème vient de mon connect ? (bravo champion ! D'où ton erreur dans l'Output !!!)
4) Si oui, où se trouve le problème dans le connect donc ?


Voilà ! Ça paraîtra sûrement très simple et basique pour certains mais ça fait 3 jours non-stop que je bloque sur quelque chose que je pensais faire en 5min et je ne vois toujours pas le début du commencement d'un petit progrès dans la compréhension de ce "truc".

Je rajouterai pour tout ceux qui pensent que de grosses bases me manquent avant de poster mon problème sur forum(et c'est sûrement le cas !) que j'accepte avec plaisir tout lien vers un tuto, cours ou autre qui pourrait m'apporter des réponses...

Pour le moment tout ce que j'ai trouvé qui ose utiliser le mot comboBox, c'est une documentation (jolie et complète -peut être même trop) qui a pas l'air d'utiliser le même Qt que moi et qui trouve des solutions là où je trouve des erreurs.

Merci à tous d'avoir lu ce pavé, je m'en remet à vous

[Jiyuu]

Je t'avoue ne pas avoir tout compris... surtout que tu parles beaucoup de C++ alors que tu es dans la partie Qt Quick du Forum.
Bref, si je ne considère que cette partie :

Voici mon but "final" :
une fenêtre avec deux comboBox. Toute les deux sur l'index 0 --> Rien.

Choisir une value (quelque soit son index pour le moment) sur la première entrainerait sur la deuxième un addItems ou quoi que ce soit d'autre qui la remplirai (avec de simple String ou QString ; via un QStringList ou QStringListModel ou autre méthode que je n'aurais pas encore eu la chance de trouver).

et le fait que l'on est dans la partie QtQuick (en C++ ça me prendrai trop la tête de le faire ) j'ai l'impression que ces quelques lignes devraient t'aider :

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
import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3
 
ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Test")
 
 
    Column {
        ListModel {
            id: listModel1
            ListElement {text: "item1"; family: "fam1"}
            ListElement {text: "item2"; family: "fam1"}
            ListElement {text: "item3"; family: "fam2"}
            ListElement {text: "item4"; family: "fam2"}
        }
        ListModel {
            id: listModel2
        }
        ComboBox {
            id: cb1
            model:listModel1
            textRole: "text"
            onCurrentIndexChanged: listModel2.append(listModel1.get(currentIndex))
        }
        ComboBox {
            id: cb2
            model:listModel2
            textRole: "family"
        }
    }
}

Effet peut-être indésirable : au chargement du programme le combobox1 change donc modifie le combobox2... je te laisse te dépatouiller avec ça

++

J

[Gojir4]

L'erreur pour le point 1), c'est que le constructeur de MaFenetre qui n'est pas correct, il manque le parent dans les paramètres.

Code Qt :

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

1
2
3
4
5
6
7
8
9
10
//mafenetre.h
MaFenetre(QWidget *parent = 0);
 
//mafenetre.cpp
MaFenetre::MaFenetre(QWidget *parent)
    : QWidget(parent)
{
...
 
}

En tout cas, avec le constructeur corrigé, le code fonctionne très bien de mon côté.

Pour ce qui est de la partie C++ to QML, le mieux est d'utiliser un modèle, QStringListModel sera parfait pour ce cas. Mais il est aussi possible d'utiliser une simple QStringList, mais dans ce cas un signal "modelChanged()" est nécessaire afin que la partie QML soit notifié du changement. Il y a des avantages et des inconvénient à utiliser les 2 méthodes, à vous de voir ce dont vous avez besoin.

Petit projet exemple:

main.cpp

Code Qt :

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
#include "cpptoqml.h"
 
#include <QGuiApplication>
#include <QQmlApplicationEngine>
 
#include <QQmlContext>
int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    QGuiApplication app(argc, argv);
 
    CppToQml cppToQml;
    QQmlApplicationEngine engine;
    engine.rootContext()->setContextProperty("cpp", &cppToQml);
    engine.load(QUrl(QLatin1String("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;
 
    return app.exec();
}

main.qml

Code qml :

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.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3
 
ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Ma Fenetre")
 
    ColumnLayout{
        ComboBox{
            id: cb1
            model: cpp.staticModel
            currentIndex: -1
            onCurrentIndexChanged: {
                if(currentIndex === -1)
                    return
                cpp.updateDynamicModel(currentIndex)
            }
            onModelChanged: console.log("CB1 model changed")
        }
        ComboBox{
            id: cb2
            model: cpp.dynamicModel
            textRole: "display"
            onModelChanged: console.log("CB2 model changed")
 
        }
 
        Button{
            id: bt
            onClicked: {
                cpp.fillStaticModel()
                cb1.currentIndex = -1
            }
        }
 
        ComboBox{
            id: cb3
            model: ["Static", "model", "from", "QML"]
        }
 
    }
}

cpptoqml.h

Code Qt :

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
#ifndef CPPTOQML_H
#define CPPTOQML_H
 
#include <QObject>
#include <QStringListModel>
 
class CppToQml : public QObject
{
    Q_OBJECT
 
    Q_PROPERTY(QStringList staticModel READ staticModel WRITE setStaticModel NOTIFY staticModelChanged)
    Q_PROPERTY(QStringListModel* dynamicModel READ dynamicModel NOTIFY dynamicModelChanged)
 
 
 
    QStringList m_staticModel;
 
    QStringListModel* m_dynamicModel;
 
public:
    explicit CppToQml(QObject *parent = nullptr);
 
 
    QStringList staticModel() const;
 
    QStringListModel* dynamicModel() const;
    void setStaticModel(QStringList staticModel);
    void setDynamicModelData(QStringList dynamicData);
signals:
    void staticModelChanged(QStringList staticModel);
    void dynamicModelChanged(QStringListModel* dynamicModel);
 
public slots:
    void fillStaticModel();
    void updateDynamicModel(int index);
 
};
 
#endif // CPPTOQML_H

cpptoqml.cpp

Code Qt :

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
46
47
48
#include "cpptoqml.h"
 
CppToQml::CppToQml(QObject *parent) : QObject(parent)
{
    m_dynamicModel = new QStringListModel(this);
 
}
 
QStringList CppToQml::staticModel() const
{
    return m_staticModel;
}
 
QStringListModel *CppToQml::dynamicModel() const
{
    return m_dynamicModel;
}
 
void CppToQml::setStaticModel(QStringList staticModel)
{
    if (m_staticModel == staticModel)
        return;
 
    m_staticModel = staticModel;
    emit staticModelChanged(m_staticModel);
}
 
void CppToQml::setDynamicModelData(QStringList dynamicData)
{
    m_dynamicModel->setStringList(dynamicData);
}
 
void CppToQml::fillStaticModel()
{
    QStringList newData;
    for(int i = 0; i < 10; i++){
        newData << QString("Item %1").arg(qrand());
    }
    //Update in QML
    setStaticModel(newData);
    //Don't update in QML
//    m_staticModel = newData;
}
 
void CppToQml::updateDynamicModel(int index)
{
    setDynamicModelData(QStringList() << m_staticModel.at(index) << "other" << "values");
}

[Gojir4]

Encore qqch que j'ai oublié de préciser dans ma réponse précédente, vous remarquerez la petite astuce en QML afin de pouvoir utiliser un QStringListModel avec une ComboBox, il faut lui donner le nom du rôle à utiliser, en l'occurence "display" pour QStringListModel. Sinon un message "modelData not available from model" sera affiché dans la fenêtre "application output" de Qt Creator lors de l'exécution.

Code :

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

1
2
3
4
ComboBox{
  ...
  textRole: "display"
}