imported>Thomas Dresler: Typografie

2026-03-14T22:04:10Z

Typografie

Neue Seite

'''XML User Interface Language''' ('''XUL''') ist eine auf [[Extensible Markup Language|XML]]-basierende [[Auszeichnungssprache|Beschreibungssprache]] für [[grafische Benutzeroberfläche]]n (GUIs). Sie wurde ursprünglich für das [[Mozilla]]-Projekt entwickelt, aber auch von anderer Software genutzt. In Mozilla-[[Anwendungssoftware|Anwendungen]], wie [[Mozilla Firefox|Firefox]], [[Mozilla Thunderbird|Thunderbird]], [[SeaMonkey]] oder [[Netscape Navigator|Netscape]], wird bzw. wurde die Benutzeroberfläche mit Hilfe von XUL erzeugt, wobei die [[Gecko (Software)|Gecko]]-Rendering-Engine genutzt wird, die auch für die Darstellung von [[Webseite]]n verwendet wird.

XUL gilt inzwischen als veraltet.<ref>{{Internetquelle |url=https://developer.mozilla.org/en-US/docs/Archive/Mozilla/XUL |titel=XUL – Archive of obsolete content {{!}} MDN |datum=2019-10-22 |abruf=2021-08-22 |archiv-url=https://web.archive.org/web/20191022105730/https://developer.mozilla.org/en-US/docs/Archive/Mozilla/XUL |archiv-datum=2019-10-22}}</ref> Im Firefox-Browser können seit Ende 2017 keine XUL-basierten Erweiterungen mehr installiert werden.<ref>{{Internetquelle |url=https://developer.mozilla.org/de/docs/Mozilla/Add-ons/WebExtensions/What_are_WebExtensions |titel=Was sind WebExtensions? - Mozilla {{!}} MDN |sprache=en-US |abruf=2021-08-22}}</ref> 2019 begannen Mozilla-Entwickler, XUL-Elemente der Benutzeroberfläche weitgehend durch gewöhnliche [[Hypertext Markup Language|HTML]]-Elemente zu ersetzen, wie sie auch von Webseiten verwendet werden.<ref>{{Internetquelle |url=https://bugzilla.mozilla.org/show_bug.cgi?id=1563415 |titel=1563415 – (de-xul-elements) [meta] Start using HTML elements to replace XUL elements |sprache=en |abruf=2021-08-22}}</ref>

Der Firefox-[[Abspaltung (Softwareentwicklung)|Ableger]] [[Pale Moon]] besitzt mit ''Goanna'' einen [[Abspaltung (Softwareentwicklung)|Fork]] der ursprünglichen Gecko-Rendering-Engine, in der weiterhin XUL unterstützt wird.

== Eigenschaften ==
XUL erlaubt die [[Lose Kopplung|Trennung]] von [[Layout]], [[Design]] und [[Programmcode]] einer Benutzeroberfläche. Das Layout und damit der grobe Aufbau der Benutzeroberfläche (wie [[Schaltfläche]]n, [[Textfeld|Eingabefelder]] und andere [[Steuerelement]]e) wird in XUL festgelegt, während die Darstellung (konkrete Schriftarten, Farben, Linienstile usw.) mit [[Cascading Style Sheets|CSS]] definiert wird. Unterschiedliche Themes ([[Skin (Computer)|Skins]]), auch zum Nachempfinden des Aussehens unterschiedlicher Betriebssysteme, können dann relativ einfach durch Auswechseln der CSS-Stile erzeugt werden.

Dadurch, dass XUL-Dateien nicht kompiliert, sondern zur Laufzeit interpretiert werden, ist es auch möglich, als Anwender die Benutzeroberfläche nach eigenen Wünschen zu bearbeiten und zu erweitern, was in Mozilla-Programmen prinzipiell auch automatisiert durch installierbare [[Add-on]]s erfolgen kann. Dies war zum Beispiel im Firefox-Browser bis zur Version 56 möglich,<ref>{{Internetquelle |url=https://developer.mozilla.org/en-US/docs/Archive/Add-ons/Overlay_Extensions |titel=Overlay extensions |sprache=en |archiv-url=https://web.archive.org/web/20180513001452/https://developer.mozilla.org/en-US/docs/Archive/Add-ons/Overlay_Extensions |archiv-datum=2018-05-13 |abruf=2019-08-30}}</ref> seitdem funktionieren nur noch Erweiterungen, die das modernere, aber restriktivere [[WebExtensions]]-Format nutzen.

Die Erstellung neuer Oberflächen in XUL ist einfacher und weniger zeitaufwendig als bei vielen Programmiersprachen. Bei einer [[Portierung (Software)|Portierung]] auf eine bestimmte [[Betriebssystem]]-[[Plattform (Computer)|Plattform]] muss das gesamte Mozilla-XUL-Toolkit auf die neue Plattform portiert werden. Im Gegenzug benötigen nach einer derartigen Portierung XUL-basierte Programme keine speziellen Anpassungen mehr, was die Entwicklung von betriebssystemunabhängigen Anwendungen stark vereinfacht.

Nachteilig ist, dass durch den zusätzlichen Aufwand des Verarbeitens der XUL-[[Datei]]en und die notwendigen Berechnungen des Layouts und des Erscheinungsbildes die Verarbeitungs- und Darstellungsgeschwindigkeit häufig langsamer ist als bei nativen Benutzeroberflächen. Da die Betriebssystem-spezifischen Steuerelemente per CSS nachgebildet werden müssen, kann es Unterschiede in Aussehen und Verhalten der Benutzeroberfläche gegenüber nativen Programmen geben.

== Aufbau einer XUL-Datei ==
Eine einfache XUL-Datei könnte so aussehen:

{| width="100%"
|
<syntaxhighlight lang="xml">
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window id="sample-window"
title="Beispiel"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<vbox>
<checkbox label="CheckBox"/>
<hbox>
<spacer flex="1"/>
<button label="OK"/>
<button label="Abbrechen"/>
</hbox>
</vbox>
</window>
</syntaxhighlight>
|style="vertical-align:top;padding-top:12px;" width="204"| [[Datei:XUL-Beispiel.png|gerahmt|ohne|Darstellung in [[Mozilla Firefox]]]]
|}

== XUL-basierte Anwendungen ==
* ActiveState [[Komodo IDE]] ([[Integrierte Entwicklungsumgebung|IDE]] für [[JavaScript]], [[Mason (Perl)|Mason]], [[Perl (Programmiersprache)|Perl]], [[PHP]], [[Python (Programmiersprache)|Python]], [[Ruby (Programmiersprache)|Ruby]], [[Ruby on Rails]], [[Tcl]], [[XML Binding Language|XBL]], [[Extensible Markup Language|XML]], [[Cross Platform Component Object Model|XPCOM]], [[XSL Transformation|XSLT]] und XUL) und [[Open Komodo Project]]
* [[Bluegriffon]] – Nachfolger von Kompozer
* [[Celtx]]
* [[Cyclone3]]
* die Software der Begleit-CD des Oxford Advanced Learner’s Dictionary
* die visuelle Programmierumgebung [[Symphony OS#Orchestra|Orchestra (Symphony OS)]]
* [[Flock (Browser)]]
* Google AdWords-Editor
* [[Instantbird]] – auf XUL- und libpurple-basierender Instant Messenger
* [[Joost (Software)|Joost]]
* ''[[KompoZer]]'' – HTML-Editor (Nachfolger von Nvu)
* [[Mozilla Application Suite]]
* [[Mozilla Firefox]]
* [[Mozilla Sunbird]]
* [[Mozilla Thunderbird]]
* Nightingale
* [[Pale Moon]]
* Pencil Project – grafisches GUI-Entwurfsprogramm.
* Postbox – auf Mozilla Thunderbird-basierender Mailclient
* Premiere Desktop TV-Guide ([[Electronic Program Guide|elektronische Programmzeitschrift]])
* [[SeaMonkey]]
* [[Songbird]]
* [[Spicebird]]
* [[TomTom]] Home
* Twibs – Content-Management-System basierend auf Java und XUL
* [[XUL Explorer]] – IDE zum Erstellen von XUL Applikationen
* [[XULPlayer]] – auf XUL- und MPlayer-basierender Media Player
* [[Vodafone Widget Packager]] – Entwicklungswerkzeug für Widgets

== Referenzen auf Ghostbusters ==
Die Abkürzung XUL verweist auf den Film ''[[Ghostbusters – Die Geisterjäger|Ghostbusters]]'', in dem der Geist des Halbgottes Zuul, der Dana Barrett in Besitz genommen hat, behauptet: ''There is no Dana, there is only Zuul.'' Die Entwickler von XUL übernahmen diesen Satz leicht modifiziert als ''There is no data, there is only XUL.'' und wiesen damit auf die (damals) ungewöhnliche Eigenschaft von XUL als XML-Sprache hin, keine Daten oder Dokumente zu enthalten, sondern eine Benutzeroberfläche zu beschreiben.

Weitere Referenzen auf den Film Ghostbusters kann man an der [[Extensible Markup Language|XML]]-[[Namensraum|Namespace]]-[[Uniform Resource Identifier|URI]] <code><nowiki>http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</nowiki></code> ablesen, die sich am Anfang von jeder XUL-Datei befindet. Keymaster und Gatekeeper beziehen sich hier auch auf Charaktere aus dem Film. Ruft man die Adresse im Webbrowser auf, erscheint der zuvor genannte Satz ''There is no data, there is only XUL.''

In [[Mozilla]]-Software befinden sich nicht nur in XUL Hinweise auf „Ghostbusters“. Auch [[Venkman]], der [[JavaScript]]-[[Debugger]] des Projektes, ist nach einer Figur aus Ghostbusters benannt.

== Techniken mit ähnlichem Konzept ==
Inzwischen gibt es auch andere XML-basierte Formate, die eine Benutzeroberfläche beschreiben, wodurch die namenstehende XUL-Eigenschaft heute nicht mehr so ungewöhnlich ist (vgl. vorheriges Kapitel):
* [[AUIML]]
* [[eNode]]
* [[JavaFX]] besitzt mit [[JavaFX#FXML|FXML]] eine XML-Sprache zur Beschreibung der GUI.<ref>{{Internetquelle |url=https://docs.oracle.com/javafx/2/get_started/fxml_tutorial.htm |titel=Getting Started with JavaFX: Using FXML to Create a User Interface {{!}} JavaFX 2 Tutorials and Documentation |sprache=en |abruf=2018-01-26}}</ref>
* [[Microsoft]] verfolgt ein ähnliches Konzept mit seiner Beschreibungssprache [[Extensible Application Markup Language|XAML]]. XAML ist ein grundlegendes Konzept in der [[Windows Presentation Foundation]] sowie von [[Microsoft Silverlight|Silverlight]] und kann auch mit der [[Windows Runtime]] genutzt werden.
* [[NeXT]]s Implementierung des [[Model View Controller|MVC]]-Modells hat die Beschreibung der [[Grafische Benutzeroberfläche|GUI]] in [[Interface Builder|NIB]]-Dateien gespeichert, aus denen die Anwendung die Oberfläche zur Laufzeit initialisierte. Allerdings wurden darin sowohl die grafischen Eigenschaften als auch die Logik der GUI beschrieben. Das Konzept wurde in [[Apple]]s [[macOS]] fortgeführt und verwendet seit [[Xcode#Xcode 3.0 bis 3.2|XCode 3.0]] XML-Dateien.
* [[UIML]]
* [[XForms]]
* ZUL aus dem [[ZK OSS]]

== Siehe auch ==
* [[Glade (Programmierwerkzeug)|Glade]]
* [[Rich Internet Application]]
* [[XULRunner]]

== Literatur ==
'''Bücher'''
* {{Literatur |Autor=Kenneth C. Feldt |Titel=Programming Firefox |Verlag=O’Reilly |Datum=2007 |Sprache=en |ISBN=0-596-10243-7}}
* {{Literatur |Autor=Jonathan Protzenko |Titel=XUL |Verlag=Open Source Press |Datum=2006 |Sprache=en |ISBN=3-937514-23-6}}
* {{Literatur |Autor=Nigel McFarlane |Titel=Rapid Application Development with Mozilla |Auflage=1 |Verlag=Prentice Hall |Datum=2003 |Sprache=en |ISBN=978-0-13-142343-5}}
* {{Literatur |Autor=David Boswell, Brian King, Ian Oeschger, Pete Collins, Eric Murphy |Titel=Creating Applications with Mozilla |Auflage=1 |Verlag=O’Reilly |Datum=2002 |Sprache=en |ISBN=0-596-00052-9}}
* {{Literatur |Autor=Vaughn Bullard, Kevin T. Smith, Michael C. Daconta |Titel=Essential XUL Programming |Auflage=1 |Verlag=Wiley |Datum=2001 |Sprache=en |ISBN=978-0-471-41580-0}}

'''Artikel'''
* Sebastian Kortemeyer, Frank Thiesing: ''Gute Beschreibung: Webanwendung mit XUL und SVG gestalten.'' In: ''[[c’t]]'', 5/2008, S. 202
* Karsten Düsterloh: {{Webarchiv |url=http://www.heise.de/ix/artikel/2005/07/124/ |text=''XUL-Tutorial I: Basiselemente der Browsererweiterung''. |wayback=20050618023529}} In: ''[[iX – Magazin für professionelle Informationstechnik|iX]]'', 7/2005, S. 124
* Karsten Düsterloh: {{Webarchiv |url=http://www.heise.de/ix/artikel/2005/08/148/ |text=''XUL-Tutorial II: Bäume und Templates''. |wayback=20050715025122}} In: ''[[iX – Magazin für professionelle Informationstechnik|iX]]'', 8/2005, S. 148
* Karsten Düsterloh: {{Webarchiv |url=http://www.heise.de/ix/artikel/2005/09/154/ |text=''XUL-Tutorial III: Mail-Erweiterung Mistory''. |wayback=20060204121917}} In: ''[[iX – Magazin für professionelle Informationstechnik|iX]]'', 9/2005, S. 154
* Karsten Violka, Andreas Otte: ''Das Monster aus XUL.'' In: ''[[c’t]]'', 20/2002, S. 232

== Weblinks ==
* [https://www.spket.com/ Spket IDE]
* [https://xuldev.sf.net/ Xul Dev Project]

== Einzelnachweise ==
<references />

[[Kategorie:GUI-Toolkit]]
[[Kategorie:Mozilla]]
[[Kategorie:XML-basierte Sprache]]

XML User Interface Language - Versionsgeschichte

imported>Thomas Dresler: Typografie