XUL

Z Wikipedii

XUL (wym. "zul", ang. XML-based User-interface Language) jest językiem zgodnym z XML używanym do opisu interfejsu WEB oraz GUI, wykorzystywanym między innymi w programach Mozilla Suite, Mozilla Firefox, Mozilla Thunderbird, Nvu itp.

XUL nie jest jeszcze standardem publicznym pomimo, że używa wielu istniejących standardów i technologii, włączając takie technologie jak CSS, JavaScript, DTD oraz RDF, dzięki którym jest bardzo prosty do nauki dla osób, które zajmują się programowaniem stron internetowych.

Spis treści

1 Wprowadzenie
2 Zastosowanie
3 Elementy XUL
- 3.1 Przykładowy plik XUL
4 Zobacz też
5 Linki zewnętrzne

[edytuj] Wprowadzenie

Interfejs XUL jest definiowany poprzez trzy ustawienia komponentów:

Zawartość (Content): Dokumenty XUL, które określają model graficzny interfejsu użytkownika.
Skórki (Skin): Pliki arkuszy stylów CSS i pliki obrazków, które definiują wygląd aplikacji.
Pliki językowe (Locale): Dokumenty DTD, które definiują encje XML, w celu łatwej lokalizacji oprogramowania.

[edytuj] Zastosowanie

XUL jest najczęściej stosowany do tworzenia aplikacji Mozilli i jej rozszerzeń, także jest możliwe zastosowanie go do tworzenia aplikacji sieciowych opartych na protokole HTTP. Jedną z najbardziej popularnych aplikacji XUL, jest przeglądarka Mozilli - Amazon, która posiada bogaty interfejs pozwalający na szukanie książek w Amazon.com.

[edytuj] Elementy XUL

XUL definiuje szeroki zakres elementów, które należą do kilku następujących typów:

Elementy top-level: np. window, page, dialog, wizard, itd.
Widgety: np. label, button, textbox, listbox, combobox, radio button, checkbox, tree, menu, toolbar, groupbox, tabbox, color picker, spacer, splitter, itd.
Model pudełkowy: np. box, grid, stack, deck, itd.
Zdarzenia i skrypty: np. script, command, key, broadcaster, observer, itd.
Źródła danych: np. szablony, reguły itd.
Inne: np. overlay (nakładki), iframe, browser, editor, itd.

[edytuj] Przykładowy plik XUL

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css" ?>
<window id="helloworld-window"
        title="Witaj, świecie!" 
        flex="1"
        align="center" 
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <description>
     Witaj, świecie!
  </description>
</window>