Accueil Ajax XUL JavaScript CSS HTML 5 FAQ-Forum

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

Voir aussi

(c)2007-2010 Xul.fr - Denis Sureau. Tous droits réservés.