So erstellen eine Vorlage in XUL

June 27

So erstellen eine Vorlage in XUL

XUL (XML User Interface Language,) ist eine Sprache, die zum Erstellen von Anwendungen und Benutzeroberflächen für die Mozilla-Plattform verwendet werden kann. XUL ermöglicht Entwicklern die Erstellung von grafischen Benutzeroberflächen, die Technologien wie XML, HTML und CSS zu mischen und ausführen können entweder verbunden oder nicht verbunden aus dem Internet. XUL Vorlagen ermöglichen es Entwicklern, Daten in XUL-Dokumente einbetten, indem Sie definieren eine Reihe von Regeln, mit denen Anwendungen erstellen, die Remotedatenquellen Trennung der Daten von der Anwendung selbst nutzen.

Anweisungen

So erstellen eine Vorlage in XUL

1 Öffnen Sie einen Texteditor, und erstellen Sie eine neue Datei namens characters.xml. Geben Sie einige XML-Code in die Datei, die ein Stammelement < Zeichen > definiert, mit fünf < Charakter > untergeordnete Elemente:

<? Xml Version = "1.0"? >

< Zeichen >

&lt;character>&lt;/character>

&lt;character>&lt;/character>

&lt;character>&lt;/character>

&lt;character>&lt;/character>

&lt;character>&lt;/character>

< / Zeichen >

Die < Zeichen > XML werden verwendet werden, um eine Liste in der XUL-Vorlage definierten aufzufüllen. Speichern Sie characters.xml.

2 Bearbeiten Sie characters.xml und fügen Sie ein Name-Attribut und ein Tier-Attribut zu jedem Charakter XML-Elemente, die Attributwerte innerhalb von doppelten Anführungszeichen setzen:

<? Xml Version = "1.0" >

< Zeichen >

&lt;character name="Mickey" animal="mouse">&lt;/character>

&lt;character name="Minnie" animal= "mouse">&lt;/character>

&lt;character name="Pluto" animal="dog">&lt;/character>

&lt;character name="Donald" animal="duck">&lt;/character>

&lt;character name="Daisy" animal="duck">&lt;/character>

< / Zeichen >

Speichern und Schließen von characters.xml.

3 Verwenden Sie einen Texteditor, um eine Datei zu erstellen, die das XUL-Vorlage enthält. Geben Sie den Header der XML-Version und ein < > Fensterelement in der Datei und fügen Sie einen Standard-Namensraum Xmlns < Fensterelement >:

<? Xml Version = "1.0"? >

< Fenster Xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >

< / Fenster >

Speichern Sie die Datei als characters.xul.

4 Weiterbearbeiten, characters.xul und fügen Sie ein Element < Listbox > auf die Datei, indem sie zwischen < Fenster > und < / Fenster > Element-Tags. Verwenden Sie ein Daten-Source-Attribut an, dass das Listenfeld sollten seine Daten von characters.xml erhalten. Legen Sie das Ref-Attribut auf "*" (Pseudo-Wert) und das Attribut Querytype "XML" dem Vorlage-Builder sagen, dass XML-Syntax verwendet werden. Schließen die < / Listbox > Element:

<? Xml Version = "1.0"? >

< Fenster Xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >

< Listbox datasources="characters.xml" Ref = "*" Querytype = "Xml" >

< / Listbox >

< / Fenster >

Speichern Sie characters.xul.

5 Weiterbearbeiten, characters.xul und fügen Sie ein Vorlagenelement < > auf die Datei, indem sie zwischen < Listbox > und < / Listbox > Element-Tags. Fügen Sie ein Abfrageelement < > zwischen die < Vorlage > und < / Vorlage > Element-Tags, mit dem Expr-Attribut um die Charakter-Elemente aus der characters.xml-Datei abzurufen. Schließen Sie das Abfrage-Tag:

<? Xml Version = "1.0"? >

< Fenster Xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >

< Listbox datasources="characters.xml" Ref = "*" Querytype = "Xml" >

< Vorlage >

< Abfragen Expr = "Zeichen" >< / query >

< / Vorlage >

< / Listbox >

< / Fenster >

Speichern Sie characters.xul.

6 Weiterbearbeiten Sie, characters.xul sowie die Datei, indem sie nach dem Abfrageelement < > < Aktion >-Element hinzu. Der < Aktion > Element-Inhalt definieren den Inhalt, der für jedes Ergebnis der Abfrage generiert wird:

<? Xml Version = "1.0"? >

< Fenster Xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >

< Listbox datasources="people.xml" Ref = "*" Querytype = "Xml" >

< Vorlage >

< Abfragen Expr = "Zeichen" >< / query >

< Aktion >

< / Aktion >

< / Vorlage >

< / Listbox >

< / Fenster >

Speichern Sie characters.xul.

7 Weiterbearbeiten, characters.xul und fügen Sie zwei < Listitem > Elemente zwischen die < Aktion > und < / Aktion > Element-Tags. Verwenden Sie das Label-Attribut, um anzugeben, dass das erste Listenelement "Name"-Attribut aus den Zeichen-Elementen in characters.xml verwenden sollten. Verwenden Sie das Label-Attribut, um anzugeben, dass das zweite Listenelement das "Tiere"-Attribut aus der Charakter-Elemente in characters.xml verwenden sollten. Fügen Sie ein Attribut Uri beide Artikel einstellen, unter Verwendung des Werts "?", das ist der Standardwert für XML-Vorlagen:

<? Xml Version = "1.0"? >< Fenster Xmlns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" >

< Listbox datasources="people.xml" Ref = "*" Querytype = "Xml" >

< Vorlage >

< Abfragen Expr = "Zeichen" >< / query >

< Aktion >

< Listitem-Uri = "?" Bezeichnung = "? Name" >< / Listitem >

< Listitem-Uri = "?" Bezeichnung = "? Tier" >< / Listitem >

< / Aktion >

< / Vorlage >

< / Listbox >

< / Fenster >

Speichern und Schließen von characters.xul.

8 Verwenden Sie einen Mozilla-Browser wie Firefox, um characters.xul zu öffnen. Stellen Sie sicher, dass der Inhalt des characters.xml in das Listenfeld in der Xul-Vorlage definierten geladen werden.

Tipps & Warnungen

  • XUL Vorlagen können Daten aus nicht-XML-basierte Quellen wie RDF und Datenbanken abrufen. Verwenden Sie die Quelle, die für die Anwendung am besten geeignet ist, die Sie erstellen.
  • XUL bietet eine reiche Vielfalt an Komponenten der Benutzeroberfläche. Versuchen Sie es mit anderen XUL Benutzeroberflächenobjekte erweiterte Anwendungen erstellen.
  • Da XUL Anwendungen mit plattformneutrales sind, können sie zu anderen Mozilla-Plattformen portiert werden. Finden Sie im Abschnitt "Informationsquellen" Informationen zum Erstellen von XUL Anwendungen.
  • Wenn Sie XUL auf einer Website zu verwenden, muss der Server konfiguriert werden, zum Senden von XUL-Dateien mit den entsprechenden Inhaltstyp.