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
- Ample SDK est un framework JavaScript pour utiliser le langage XUL dans le navigateur afin de construire l'interface d'une application portable.
Les widgets sont suffisamment nombreux pour avoir l'équivalent d'une interface Java. - 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é.
© 2007-2023 Xul.fr Tous droits réservés.