Tutoriel XUL avec exemples

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

XUL vs HTML 5.

1. Premier programme.
2. Installer XUL.
3. Window. Ouvrir une fenêtre XUL dans une page HTML.
   
4. 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.
5. Bouton et JavaScript. Comment définir un bouton et lui assigner du code.
6. Textbox. Le champ d'entrée de texte et son utilisation.
7. Images. Placer des images sur la page ou dans les composants.
8. Listbox. Pour afficher une liste ou un tableau.
9. Menu. Créer le menu de votre application.
10. Toolbar. Ajouter une barre d'outils.
11. Barre de progression. Suivre l'avancement d'une tâche.
12. Tree. Créer une liste hiérarchique comme celle des favoris.
13. HTML. Votre code HTML peut être réutilisé dans un programme XUL.
• Canvas. Dessiner sur l'écran.
14. Les feuilles de style.
15. Les évènements et l'objet Event. Connaître les actions de l'utilisateur.
16. Créer un composant. XBL permet de construire de nouveaux composants.

Les applications XUL

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

Etude de cas

1. 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

• 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é.