XUL  -  Création d'interfaces graphiques

XUL signifie "XML-based User interface Language", donc langage d'interface utilisateur basé sur XML. Il étend XML avec une sémantique adaptée à la description d'interface utilisateur graphique. Il a été créé par Mozilla en 1999.

Caractéristiques de XUL

• Le code XML est interprété.
• Du code JavaScript peut être intégré dans le source XUL pour programmer le comportement de l'interface.
• Utilise des graphismes bitmap.
• Les évènements (comme un clic de souris) sont des propriétés des balises et les balises sont des éléments de l'interface.
• Les propriétés de style sont définie par les feuilles de style au format CSS standard.
• Les éléments (principalement les "widgets", les composantes graphiques) peuvent être définies par l'utilisateur avec du code XBL ou XPF.
• Le format RDF est utilisé pour enregistrer le contenu textuel, par exemple les libellés dans différentes langues.
• XPCom interface XUL avec des bibliothèques écrites dans différents langages de programmation.

Pourquoi l'utiliser?

XUL permet de décrire des interfaces utilisateur graphiques pour les applications par des balises XML.
Mozilla a développé Prism, un outil pour lancer les applications Web XUL à partir du bureau.
C'est un format standard et portable, fonctionnant sur tous les systèmes d'exploitation mais difficile à mettre en oeuvre.

Sites et outils

• Xul.fr
  Le site français consacré à XUL avec la description de tous les formats XML qu'il utilise, dont RDF.
• Comparaisons
  Les langages d'interface utilisateur basés sur XML. Comparaison de XAML et XUL.

• XulRunner
  Télécharger le runtime.

• Installation
  Instructions détaillées d'installation d'une application.

• Mozilla
  Le site officiel (anglais).

• Tutoriel XUL
  Avec des exemples pratiques. Voir aussi le tutoriel de Mozilla, le créateur du langage qui est similaire à celui de XULPlanet.

Exemple de code

<?xml version="1.0">
<windows width="600 height="480">
  <description>
    Salut le Monde!
  </description>
</windows>

<button 
   label="Fermer" 
   oncommand="window.close()"
/>