Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
glade [Le 22/01/2017, 15:11]
L'Africain Maj de la page
glade [Le 11/09/2022, 11:43] (Version actuelle)
moths-art Suppression des espaces en fin de ligne (détecté et corrigé via le bot wiki-corrector (https://forum.ubuntu-fr.org/viewtopic.php?id=2067892)
Ligne 3: Ligne 3:
 ---- ----
  
-====== Glade ======+{{  https://​upload.wikimedia.org/​wikipedia/​commons/​thumb/​5/​59/​Glade_3_logo.svg/​langfr-220px-Glade_3_logo.svg.png?​200}} 
 +====== Glade : la ligne de code ouvre les fenêtres ​======
  
-Glade est un outil interactif de conception d'​interface graphique GTK+. Il prend en charge toute la partie de gestion/​génération de l'​interface pour permettre au développeur de se concentrer sur le code « utile ».+Glade est un outil interactif de conception d'​interface graphique GTK+. \\ 
 +Il prend en charge toute la partie de gestion/​génération de l'​interfacepour permettre au développeur de se concentrer ​presque exclusivement ​sur la partie développement de son application.
  
-Glade enregistre les interfaces graphiques en générant des fichiers XML. La bibliothèque libglade ​permet de lire ces fichiers dynamiquement ​(c’est-à-dire ​à l'​exécution de l'​application). Grâce à libglade, ces fichiers XML peuvent être utilisés par de nombreux langages de programmation tels que C, C++, Java, Perl, Python, C#, PHP (extension PHP-GTK), Pike, Ruby, Haskell, Objective Caml et Scheme.+**Glade** enregistre les interfaces graphiques en générant des fichiers XML. \\ **GtkBuilder** ​permet de lire ces fichiers dynamiquement, entendez ​à l'​exécution de l'​application.
  
-  
 ===== Pré-requis ===== ===== Pré-requis =====
    
Ligne 18: Ligne 19:
 Il suffit d'​[[:​tutoriel:​comment_installer_un_paquet|installer le paquet]] **[[apt>​glade]]**. Il suffit d'​[[:​tutoriel:​comment_installer_un_paquet|installer le paquet]] **[[apt>​glade]]**.
 La version par défaut de Glade ne permet pas d'​ouvrir les fichiers créés sous les versions antérieures il faut donc installer le paquet [[apt>​glade-gtk2]] et le lancer via la commande :<​code>​glade-gtk2</​code>​ La version par défaut de Glade ne permet pas d'​ouvrir les fichiers créés sous les versions antérieures il faut donc installer le paquet [[apt>​glade-gtk2]] et le lancer via la commande :<​code>​glade-gtk2</​code>​
-À partir d'​[[:​xenial|Ubuntu 16.04]], le paquet n'est plus dans les [[:​dépôts]],​ mais vous pouvez ​le télécharger [[https://​www.ubuntuupdates.org/​package/​core/​wily/​universe/​base/glade-gtk2|ici]].+À partir d'​[[:​xenial|Ubuntu 16.04]], le paquet n'est plus dans les [[:​dépôts]],​ mais vous pouvez télécharger ​la dernière version sur UbuntuUpdates.org[[https://​www.ubuntuupdates.org/​pm/glade|les binaires de Glade]].
  
 ===== Exemple de programmation ===== ===== Exemple de programmation =====
  
-Pour ce qui est de la fenêtre que l’on va faire on va gagner du temps et utiliser directement une boîte de dialogue qui comporte déjà 2 parties utiles. A savoirune partie vide ainsi que une spécialement faite pour y mettre des boutons. Réalisons donc une interface ressemblant à ceci, avec une arborescence identique à celle proposée sur l’image ci-dessous. Le fichier Glade est disponible dans l’archive et se nomme PasswordGenerator.glade.+Pour gagner du temps, nous allons ​utiliser directement une boîte de dialogue qui comporte déjà 2 parties utiles. ​ ​\\ ​A savoir ​
 +  * une partie vide puis 
 +  * une autre dédiée spécifiquement aux boutons. 
 +Réalisons donc une interface ressemblant à ceci, avec une arborescence identique à celle proposée sur l’image ci-dessous. Le fichier Glade est disponible dans l’archive et se nomme ''​PasswordGenerator.glade''​.
  
  
-Une fois l’interface réalisée, il faut maintenant l’exploiter avec le code Java et lui faire réaliser les actions que l’on souhaite. Tout d’abord, qu’est-ce que l’on voit sur cette interface GTK+ ? On remarque qu’il y a 4 checkboxes correspondant à l’utilisation (case cochée, par défaut) ou non (case décochée) des types de caractères. On voit aussi une barre pour choisir la taille du mot de passe (valeur par défaut 8). On sait tous qu’un vrai mot de passe se compose d’au moins 8 caractères avec alternance majuscules, minuscules, chiffres et caractères spéciaux. Enfin, il y a 3 boutons, un bouton Quitter (qui veut tout dire), un Actualiser qui va permettre de générer le mot de passe (qui se situera dans la champ de texte) et un bouton Copier pour copier le mot de passe dans le presse-papier. Tous ces boutons sont des boutons “basiques” dont l’icône, le label et le mnemonic sont déjà définis. Nous allons donc voir seulement les actions associées à ses boutons. Pour le reste il vous suffira de voir le code. Ce n’est pas très complexe et il y a des commentaires.+Une fois l’interface réalisée, il faut maintenant l’exploiter avec le code Java et lui faire réaliser les actions que l’on souhaite. ​\\ Tout d’abord, qu’est-ce que l’on voit sur cette interface GTK+ ? \\ On remarque qu’il y a 4 checkboxes correspondant à l’utilisation (case cochée, par défaut) ou non (case décochée) des types de caractères. ​\\ On voit aussi une barre pour choisir la taille du mot de passe (valeur par défaut 8). On sait tous qu’un vrai mot de passe se compose d’au moins 8 caractères avec alternance majuscules, minuscules, chiffres et caractères spéciaux. Enfin, il y a 3 boutons, un bouton Quitter (qui veut tout dire), un Actualiser qui va permettre de générer le mot de passe (qui se situera dans la champ de texte) et un bouton Copier pour copier le mot de passe dans le presse-papier. Tous ces boutons sont des boutons “basiques” dont l’icône, le label et le mnemonic sont déjà définis. Nous allons donc voir seulement les actions associées à ses boutons. Pour le reste il vous suffira de voir le code. Ce n’est pas très complexe et il y a des commentaires.
  
-Commençons par le bouton Quitter. Ce dernier a pour effet de terminer le programme. ​Voilà comment on code ceci.+Commençons par le bouton Quitter. Ce dernier a pour effet de terminer le programme. ​Voici un exemple de code rattaché à une instance de bouton Exit 
 +.
 <file C++> <file C++>
     // Exit button     // Exit button
Ligne 103: Ligne 108:
   * [[http://​daniel.coquette.free.fr/​dotclear/​index.php/​post/​2006/​12/​11/​Creer-des-interfaces-graphique-avec-PyGTK-et-Glade|Créer des interfaces avec Pygtk]],   * [[http://​daniel.coquette.free.fr/​dotclear/​index.php/​post/​2006/​12/​11/​Creer-des-interfaces-graphique-avec-PyGTK-et-Glade|Créer des interfaces avec Pygtk]],
   * [[http://​daniel.coquette.free.fr/​dotclear/​index.php/​post/​2006/​12/​18/​Construire-une-application-avec-PyGTK-et-Glade|Construire une application avec-PyGTK et Glade]],   * [[http://​daniel.coquette.free.fr/​dotclear/​index.php/​post/​2006/​12/​18/​Construire-une-application-avec-PyGTK-et-Glade|Construire une application avec-PyGTK et Glade]],
 +  * [[https://​python-gtk-3-tutorial.readthedocs.io/​en/​latest/​builder.html|Créer une interface avec Glade et l'​utiliser en python]] (en)
   * [[https://​openclassrooms.com/​courses/​pygtk/​glade|Glade sur openclassrooms]],​   * [[https://​openclassrooms.com/​courses/​pygtk/​glade|Glade sur openclassrooms]],​
   * [[https://​wiki.gnome.org/​Apps/​Glade/​Tutorials|Documentation officielle]] sur le [[http://​glade.gnome.org/​|site officiel]] (en).   * [[https://​wiki.gnome.org/​Apps/​Glade/​Tutorials|Documentation officielle]] sur le [[http://​glade.gnome.org/​|site officiel]] (en).
  
  • glade.1485094312.txt.gz
  • Dernière modification: Le 22/01/2017, 15:11
  • par L'Africain