Tutoriel XUL avec exemples

Apprenez XUL pour construire des interfaces utilisateurs graphiques avec des balises XML.
Le tutoriel se lit en suivant d'abord l'ordre des chapitres de premier niveau. Puis on pourra approfondir en lisant les chapitres qui leur sont attachés et mis en retrait.

Présentation générale du langage XUL et son environnement.

XUL vs HTML 5.

Premier programme.
Installer XUL.
Window. Ouvrir une fenêtre XUL dans une page HTML.
Les boites. Organiser le contenu d'une interface graphique.
- Grid. Organisation sous forme de table.
- Groupbox. Boite dotée d'un cadre.
- Stack. Surimposer des éléments.
- Spacer et flex. Séparer les éléments.
- Tabbox. Créer des pages accessibles par onglets.
Bouton et JavaScript. Comment définir un bouton et lui assigner du code.
Textbox. Le champ d'entrée de texte et son utilisation.
Images. Placer des images sur la page ou dans les composants.
Listbox. Pour afficher une liste ou un tableau.
Menu. Créer le menu de votre application.
Toolbar. Ajouter une barre d'outils.
Barre de progression. Suivre l'avancement d'une tâche.
Tree. Créer une liste hiérarchique comme celle des favoris.
HTML. Votre code HTML peut être réutilisé dans un programme XUL.

Canvas. Dessiner sur l'écran.

Les feuilles de style.
Les évènements et l'objet Event. Connaître les actions de l'utilisateur.
Créer un composant. XBL permet de construire de nouveaux composants.

Les applications XUL

Créer une première application. Exemple pour afficher simplement "Salut le Monde!".

Etude de cas

Editeur Xul Dev.

Description.
C'est un exemple d'environnement de développement (IDE), pour créer visuellement des interfaces graphiques XUL et construire des logiciels en tout langage de programmation.

Les outils pour développer une application XUL

XUL Explorer est une application graphique pour expérimenter les composants XUL. Tapez ou insérez des composants dans l'éditeur et vous pourrez immédiatement étudier le résultat. (Note: Il faut changer la version max de gecko dans application.ini au besoin pour la 1.9).
Spket.
Editeur XML et JavaScript. Un plugin pour Eclipse, difficile à installer.
Xul light est un code XUL sans crochets, plus lisible, que l'on peut intégrer dans le source d'un programme écrit en Scriptol. XML light peut offrir des possibilités descriptives supérieures à celles des classes.
Exemple de source scriptol.
Le code XUL généré par le compilateur scriptol à partir du source.
XULRunner est le runtime qui est requis pour faire tourner et afficher des applications XUL.
Lire les instructions d'installation de votre application sur ce site.
XPCom fait le lien entre des modules binaires écrits en C++ ou autre et l'interface XUL dont le code JavaScript est limité.