XUL, langage de création d'interfaces graphiques

XUL permet de décrire des interfaces utilisateur graphiques pour les applications par des balises XML. C'est un format standard et portable, fonctionnant sur tous les systèmes d'exploitation mais difficile à mettre en oeuvre.

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.
Mozilla a développé Prism, un outil pour lancer les applications Web XUL à partir du bureau.

XUL semblait destiné à devenir un langage universel pour décrire les interfaces graphique. Mais Microsoft lui a apposé sa propre version, XAML. En outre les développeurs n'ont jamais cherché à partager le développement avec des outils tiers, ce qui a abouti à une pléthore de langages d'interfaces utilisateurs basés sur XML. Finalement, HTML 5 grâce à canvas et ses balises multimedia s'est imposé comme une alternative valide. Le future de XUL semble donc confiné à Firefox et aux outils de Mozilla.

Basé sur les standards du Web, mais complexe

L'utilisation de RDF et de XPCom notamment en fait un outil difficile à maitriser.

• Le code XML est interprété.
• Du code JavaScript est 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.
• Il est possible d'intégrer du code HTML dans le code XUL et donc exécuter localement sur XULRunner une application Web.

Exemple de code

Afficher: "Salut le Monde!":

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

Dessiner un bouton:

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

Outils et documentation

• XULRunner
  Télécharger le runtime.
• Installation
  Instructions détaillées d'installation d'une application.
• XUL sur 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.