Connecter les objets entre eux

Avatar de Monsieur X
Description du chapitre et des ses objectifs :

Un objet Qt (dérivant de QObject) peut utiliser les mécanismes de signaux/slots.
Ce mécanisme est une implémentation du pattern observateur qui consiste à émettre un signal sans connaitre le(s) destinataire(s), et recevoir un signal sans connaitre l'émetteur (bien que l'on puisse le savoir si nécessaire, ce n'est en général pas nécessaire).

La manière dont elle a été portée pour Qt Jambi est très intéressante.
Lisez plutôt ...

Image de Partie

Accéder directement à une des parties du cours :

Le principe du MVC (Model, View, Controller)

Lorsqu'on programme une interface graphique, il est recommandé d'utiliser le principe du MVC.

Information : Je vais vous expliquer ce principe tel que je l'ai compris.
Si vous le connaissez mieux que moi, merci de corriger mes erreurs ou imprécisions pour en faire profiter tout le monde.


Le MVC est une méthode de conception pour le développement d'applications qui permet de séparer le développement en trois parties.

  • Le modèle de données (Le Modèle)
  • L'interface utilisateur (La Vue)
  • La logique de contrôle (Le contrôleur)

Vous pouvez lire le <lien type="wikipedia" url="Modèle-Vue-Contrôleur">très bon article de wikipédia en français à ce sujet</lien>.
Pour ceux qui n'ont pas de problèmes avec l'anglais vous pouvez lire l'explication du MVC dans la doc de Qt ainsi que le très bon article de Steve Burbeck sur la manière d'utiliser cette méthode.

  • Le Modèle représente le comportement de l'application : traitement des données, interactions avec la base de données, etc. Il décrit les données manipulées par l'application et définit les méthodes d'accès.
  • la Vue correspond à l'interface avec laquelle l'utilisateur interagit. Les résultats renvoyés par le modèle sont dénués de toute présentation mais sont présentés par les vues. Plusieurs vues peuvent afficher les informations d'un même modèle. Elle peut être conçue en html, ou tout autre « langage » de présentation. La vue n'effectue aucun traitement, elle se contente d'afficher les résultats des traitements effectués par le modèle, et de permettre à l'utilisateur d'interagir avec elles.
  • le Contrôleur prend en charge la gestion des événements de synchronisation pour mettre à jour la vue ou le modèle. Il n'effectue aucun traitement, ne modifie aucune donnée, il analyse la requête du client et se contente d'appeler le modèle adéquat et de renvoyer la vue correspondant à la demande.

On utilise très souvent ce type de méthode pour la réalisation d'applications web.
On peut citer par exemple des framework tels que :
  • <lien url="Ruby_on_Rails">Ruby on Rails</lien> : Framework en Ruby
  • Django : Framework en Python
  • Code Igniter : Framework en PHP

Le fait d'utiliser le MVC dans le milieu du web est un choix de développement très important.
Avec Qt, il est aussi largement souhaitable d'utiliser cette méthode.

Le principe avec Qt

On voit que les objets ont besoin de communiquer entre eux.
Prenons pour exemple ce petit programme :

<image legende="Mon LCD">uploads/fr/files/92001_93000/92107.png</image>


Comme nous pouvons le voir, il est composé d'un QLCDNumber, d'un QSlider et d'un QPushButton le tout agencé dans un QVBoxLayout

Vous pouvez le réaliser comme cela :
Code java - Numéro de ligne
  1. import com.trolltech.qt.gui.QApplication;
  2. import com.trolltech.qt.gui.QWidget;
  3. import com.trolltech.qt.gui.QLCDNumber;
  4. import com.trolltech.qt.gui.QSlider;
  5. import com.trolltech.qt.gui.QPushButton;
  6. import com.trolltech.qt.gui.QVBoxLayout;
  7.  
  8. import com.trolltech.qt.core.Qt;
  9.  
  10. public class MonLCD1 extends QWidget
  11. {
  12.         public MonLCD1()
  13.         {
  14.             QLCDNumber lcd = new QLCDNumber(2);
  15.             QSlider slider = new QSlider(Qt.Orientation.Horizontal);
  16.             QPushButton quit = new QPushButton(tr("Quit"));
  17.            
  18.             QVBoxLayout layout = new QVBoxLayout();
  19.             layout.addWidget(lcd);
  20.             layout.addWidget(slider);
  21.             layout.addWidget(quit);
  22.             setLayout(layout);
  23.            
  24.             setWindowTitle(tr("Mon LCD"));
  25.         }
  26.        
  27.         public static void main(String args[])
  28.         {
  29.             QApplication.initialize(args);
  30.        
  31.             MonLCD1 widget = new MonLCD1();
  32.             widget.show();
  33.        
  34.             QApplication.exec();
  35.         }
  36. }


Si vous lancez le code, vous verrez que ce n'est qu'une simple boite de dialogue avec quelques widget posés dedans.
Le but maintenant ce serait de connecter un peu tout cela.
Pour que lorsqu'on bouge le slider ça change la valeur inscrite sur le LCD et que lorsque l'on clique sur le bouton Quit, ça quitte l'application.

Le principe des Signaux

Si on regarde la doc pour la classe QSlider, on voit que celle ci possède les signaux suivant :


Signal Description
valueChanged Ce signal est émis lorsque la valeur du slider a chang
sliderPressed Ce signal est émis lorsque l'utilisateur commence à déplacer le slider.
sliderMoved Ce signal est émis lorsque l'utilisateur bouge le slider
sliderReleased Ce signal est émis lorsque l'utilisateur relâche le bouton.

Pour savoir qu'un signal a été émis, on doit le connecter à une méthode.

Dans le cas de notre objet, ce qui pourrait être bien c'est d'afficher la valeur de notre slider sur l'écran LCD.

Connecter notre signal

Ce qu'il nous faut, c'est changer la valeur du LCD en fonction de celle du slider.

La méthode display de QLCDNumber, nous permet de faire cela.
Le signal envoyé par valueChanged nous envoi la valeur modifiée.

Il nous suffit donc de connecter le signal valueChanged(int) du slider avec la méthode display(int) de lcd.

Voici comment on fait cela :

Code java - Numéro de ligne
  1. slider.valueChanged.connect(lcd, "display(int)");


De même, nous souhaitons que notre bouton quitte l'application.

Nous allons donc connecter le signal clicked() du bouton à la méthode quit de QApplication.
Cependant, nous avons besoin de passer en paramêtre la référence de l'objet QApplication.
Pour la récupérer, il nous faut utiliser QApplication.instance().

Code java - Numéro de ligne
  1. quit.clicked.connect(QApplication.instance(), "quit()");


Ajoutez ces deux lignes à la fin du constructeur de MonLCD et observez le résultat ...

Une application fonctionnelle

Pour bien faire les choses, nous aurions pu créer un nouveau widget LCDRange qui soit un LCD modifiable par un slider.
Voici ce que ça donne avec quelques modifications de style en plus :

Code java - Numéro de ligne
  1. import com.trolltech.qt.gui.*;
  2. import com.trolltech.qt.core.Qt;
  3.  
  4. public class MonLCD extends QWidget
  5. {
  6.         public MonLCD()
  7.         {
  8.             LCDRange lcdRange = new LCDRange();
  9.                
  10.             QPushButton quit = new QPushButton(tr("Quit"));
  11.             quit.setFont(new QFont("Times", 18, QFont.Weight.Bold.value()));
  12.             quit.clicked.connect(QApplication.instance(), "quit()");  
  13.            
  14.             QVBoxLayout layout = new QVBoxLayout();
  15.             layout.addWidget(lcdRange);
  16.             layout.addWidget(quit);
  17.             setLayout(layout);
  18.            
  19.             setWindowTitle(tr("Mon LCD"));
  20.         }
  21.        
  22.         class LCDRange extends QWidget
  23.         {
  24.             public LCDRange()
  25.             {
  26.                 QLCDNumber lcd = new QLCDNumber(2);
  27.                 lcd.setSegmentStyle(QLCDNumber.SegmentStyle.Filled);
  28.        
  29.                 QSlider slider = new QSlider(Qt.Orientation.Horizontal);
  30.                 slider.setRange(0, 99);
  31.                 slider.setValue(0);
  32.        
  33.                 slider.valueChanged.connect(lcd, "display(int)");
  34.        
  35.                 QVBoxLayout layout = new QVBoxLayout();
  36.                 layout.addWidget(lcd);
  37.                 layout.addWidget(slider);
  38.                 setLayout(layout);
  39.             }
  40.         }
  41.        
  42.         public static void main(String args[])
  43.         {
  44.             QApplication.initialize(args);
  45.        
  46.             MonLCD widget = new MonLCD();
  47.             widget.show();
  48.        
  49.             QApplication.exec();
  50.         }
  51. }

Un petit exercice

Pour mettre en ½uvre tout ce que nous avons vu au cours des précédents chapitres, vous pouvez essayer de faire quelque chose dans le genre :

<image legende="Un petit exercice">uploads/fr/files/92001_93000/92130.png</image>


Secret (cliquez pour afficher)
La solution ce trouve ici : http://doc.trolltech.com/qtjambi-4.3.2_01/com/trolltech/qt/qtjambi-tutorial6.html</secret>

Nous avons vu comment utiliser les signaux, mais si on veut en envoyer ? :euh:

Sommaire - Chapitre suivant

Nos rédacteurs et membres sont pour la plupart ouverts à des remarques constructives et servir à alerter le rédacteur du cours, des fautes éventuelles ou de propositions et nouvelles perspectives de cours etc ...
Pour ce faire cliquez ici

Postez vous aussi un commentaire à cette partie via le lien que voici