XUL, o XML User Interface Language, è un linguaggio che può essere utilizzato per creare applicazioni e interfacce utente per la piattaforma di Mozilla. XUL consente agli sviluppatori di creare interfacce utente grafiche che mescolano tecnologie come XML, HTML e CSS e possono essere eseguito sia connesso o disconnesso da Internet. Modelli di XUL consentono agli sviluppatori di incorporare dati nei documenti XUL definendo una serie di regole che vengono utilizzati per creare applicazioni che sfruttano fonti di dati remoti, la separazione dei dati dalla stessa applicazione.
Istruzioni
Come creare un modello in XUL
1
Aprire un editor di testo e creare un nuovo file chiamato characters.xml. Digitare alcuni XML nel file che definisce un elemento radice < caratteri > con cinque elementi figlio < carattere >:
<? xml versione = "1.0"? >
< caratteri >
<character></character>
<character></character>
<character></character>
<character></character>
<character></character>
< / caratteri >
I < caratteri > XML utilizzerà per popolare un elenco definito nel modello di XUL. Salvare characters.xml.
2
Modificare characters.xml e aggiungere un attributo name e un attributo animale a ciascuno degli elementi XML con carattere, ponendo i valori di attributo all'interno di virgolette doppie:
<? xml versione = "1.0" >
< caratteri >
<character name="Mickey" animal="mouse"></character>
<character name="Minnie" animal= "mouse"></character>
<character name="Pluto" animal="dog"></character>
<character name="Donald" animal="duck"></character>
<character name="Daisy" animal="duck"></character>
< / caratteri >
Salvare e chiudere characters.xml.
3
Utilizzare un editor di testo per creare un file che contiene il modello XUL. Digitare l'intestazione di versione XML e un elemento < window > all'interno del file e aggiungere uno spazio dei nomi xmlns predefinito per l'elemento < window >:
<? xml versione = "1.0"? >
< finestra xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >
< / finestra >
Salvare il file come characters.xul.
4
Continuare a modificare characters.xul e aggiungere un elemento < listbox > al file, ponendola tra finestra < > e < / finestra > Tag dell'elemento. Utilizzare un attributo di origine di dati per indicare che la casella di riepilogo deve ottenere i dati da characters.xml. Impostare l'attributo ref "*" (fittizio valore) e verrà utilizzato l'attributo querytype to dire generatore di modello che la sintassi XML "XML". Chiudi il < / listbox > elemento:
<? xml versione = "1.0"? >
< finestra xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >
< listbox datasources="characters.xml" ref = "*" querytype = "xml" >
< / listbox >
< / finestra >
Salvare characters.xul.
5
Continuare a modificare characters.xul e aggiungere un elemento < modello > al file, ponendola tra < listbox > e < / listbox > Tag dell'elemento. Aggiungere un elemento < query > tra il modello di < > e < / modello > tag di elemento, utilizzando l'attributo expr per recuperare gli elementi di carattere dal file characters.xml. Chiudere il tag di query:
<? xml versione = "1.0"? >
< finestra xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >
< listbox datasources="characters.xml" ref = "*" querytype = "xml" >
< modello >
< interrogare expr = «carattere» >< / query >
< / modello >
< / listbox >
< / finestra >
Salvare characters.xul.
6
Continuare a modificare characters.xul e aggiungere un elemento < action > al file, ponendolo dopo l'elemento < query >. Il contenuto dell'elemento < azione > definirà il contenuto che verrà generato per ogni risultato della query:
<? xml versione = "1.0"? >
< finestra xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >
< listbox datasources="people.xml" ref = "*" querytype = "xml" >
< modello >
< interrogare expr = «carattere» >< / query >
< azione >
< / azione >
< / modello >
< / listbox >
< / finestra >
Salvare characters.xul.
7
Continuare a modificare characters.xul e aggiungere due elementi < listitem > tra l'azione di < > e < / azione > Tag dell'elemento. Utilizzare l'attributo label per indicare che il primo elemento dell'elenco deve utilizzare l'attributo "name" dagli elementi di carattere in characters.xml. Utilizzare l'attributo label per indicare che la seconda voce di elenco deve utilizzare l'attributo "animale" dagli elementi di carattere in characters.xml. Aggiungere un attributo uri a entrambi gli elementi di elenco, utilizzando il valore "?", che è il valore predefinito per i modelli XML:
<? xml versione = "1.0"? >< finestra xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >
< listbox datasources="people.xml" ref = "*" querytype = "xml" >
< modello >
< interrogare expr = «carattere» >< / query >
< azione >
< listitem uri = "?" label = "? nome" >< / listitem >
< listitem uri = "?" label = "? animale" >< / listitem >
< / azione >
< / modello >
< / listbox >
< / finestra >
Salvare e chiudere characters.xul.
8
Utilizzare un browser di Mozilla, come Firefox, aprire characters.xul. Verificare che il contenuto di characters.xml vengono caricato nella finestra elenco definito nel modello di xul.
Consigli & Avvertenze
- Modelli di XUL possono recuperare dati da origini non basato su XML, ad esempio RDF e database. Utilizzare l'origine che è più appropriato per l'applicazione che si sta creando.
- XUL fornisce una ricca varietà di componenti dell'interfaccia utente. Provare a utilizzare altri oggetti dell'interfaccia utente XUL per costruire applicazioni più avanzate.
- Poiché le applicazioni XUL sono indipendente dalla piattaforma, essi possono essere trasferiti ad altre piattaforme di Mozilla. Vedere la sezione riferimenti per informazioni sulla creazione di applicazioni XUL.
- Quando si utilizza XUL su un sito Web, il server deve essere configurato per inviare file XUL con il tipo di contenuto appropriato.