Ajax

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.

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

© 2007-2025 Xul.fr Tous droits réservés.