XUL, o XML User Interface Language, es un lenguaje que se puede utilizar para crear aplicaciones e interfaces de usuario para la plataforma de Mozilla. XUL permite a los desarrolladores crear interfaces gráficas de usuario que se mezclan tecnologías como XML, HTML y CSS y pueden funcionar conectado o desconectado de Internet. XUL plantillas permiten a los desarrolladores integrar datos de los documentos XUL mediante la definición de un conjunto de reglas que se utilizan para crear aplicaciones que aprovechan las fuentes de datos remotas, separar los datos desde la propia aplicación.
Instrucciones
Cómo crear una plantilla en XUL
1 Abra un editor de texto y crear un nuevo archivo llamado characters.xml. Escriba algún XML en el archivo que define un elemento raíz <> caracteres con cinco caracteres <> elementos secundarios:
<? Xml version = "1.0"?>
<caracteres>
<character></character>
& Lt; carácter> & lt; / personaje>
& Lt; carácter> & lt; / personaje>
& Lt; carácter> & lt; / personaje>
& Lt; carácter> & lt; / personaje>
</ Caracteres>
La <caracteres> XML se utiliza para rellenar una lista definida en la plantilla XUL. Guardar characters.xml.
2 Editar characters.xml y añadir un atributo de nombre y un atributo animal para cada uno de los elementos de carácter XML, la colocación de los valores de los atributos entre comillas dobles:
<? Xml version = "1.0"?>
<caracteres>
<character name="Mickey" animal="mouse"></character>
& Lt; nombre del personaje = "Minnie" animal = "ratón"> & lt; / personaje>
& Lt; nombre del personaje = "Pluto" animal = "perro"> & lt; / personaje>
& Lt; nombre del personaje = "Donald" animal = "pato"> & lt; / personaje>
& Lt; nombre del personaje = "Margarita" animal = "pato"> & lt; / personaje>
</ Caracteres>
Guardar y cerrar characters.xml.
3 Utilice un editor de texto para crear un archivo que contiene la plantilla XUL. Escriba el encabezado de la versión XML y un <window> elemento en el archivo y añadir un espacio de nombres xmlns por defecto para el elemento <window>:
<? Xml version = "1.0"?>
<Xmlns = ventana "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
</ Window>
Guarde el archivo como characters.xul.
4 Continuar characters.xul editar y añadir un elemento <cuadro de lista> para el archivo, colocándola entre las etiquetas <ventana> y </ window>. Utilice un atributo de origen de datos para indicar que el cuadro de lista debe obtener sus datos de characters.xml. Establecer el atributo árbitro "*" (valor ficticio) y el atributo querytype a "xml" para decirle al constructor de plantilla que se utilizará la sintaxis XML. Cierre el elemento </ cuadro de lista>:
<? Xml version = "1.0"?>
<Xmlns = ventana "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<Orígenes de datos de cuadro de lista = "characters.xml" ref = "*" querytype = "xml">
</ Cuadro de lista>
</ Window>
Guardar characters.xul.
5 Continuar characters.xul editar y añadir un elemento <template> en el fichero, colocándola entre las etiquetas <cuadro de lista> y </ cuadro de lista>. Añadir un elemento <consulta> entre las etiquetas <plantilla> y </ template> etiquetas de elementos, utilizando el atributo expr para recuperar los elementos de caracteres del archivo de characters.xml. Cierre la etiqueta de consulta:
<? Xml version = "1.0"?>
<Xmlns = ventana "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<Orígenes de datos de cuadro de lista = "characters.xml" ref = "*" querytype = "xml">
<Plantilla>
<Expr consulta = "carácter"> </ consulta>
</ Template>
</ Cuadro de lista>
</ Window>
Guardar characters.xul.
6 Continuar characters.xul editar y añadir un elemento <action> en el fichero, colocándolo después del elemento <consulta>. Las <acción> contenido de elementos definirán el contenido que se genera para cada resultado de la consulta:
<? Xml version = "1.0"?>
<Xmlns = ventana "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<Orígenes de datos de cuadro de lista = "people.xml" ref = "*" querytype = "xml">
<Plantilla>
<Expr consulta = "carácter"> </ consulta>
<Acción>
</ Action>
</ Template>
</ Cuadro de lista>
</ Window>
Guardar characters.xul.
7 Continuar characters.xul editar y añadir dos <listitem> elementos entre las etiquetas <acción> y el elemento </ action> etiquetas. Utilice el atributo de etiqueta para indicar que el primer elemento de la lista debe utilizar el atributo "nombre" de los elementos de caracteres en characters.xml. Utilice el atributo de etiqueta para indicar que el segundo elemento de la lista debe utilizar el atributo "animal" de los elementos de caracteres en characters.xml. Añadir un atributo uri de ambos elementos de la lista, utilizando el valor, que es el valor por defecto para plantillas XML "?":
<? Xml version = "1.0"?> <Xmlns = ventana "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<Orígenes de datos de cuadro de lista = "people.xml" ref = "*" querytype = "xml">
<Plantilla>
<Expr consulta = "carácter"> </ consulta>
<Acción>
<Listitem uri = "?" label = "? name"> </ listitem>
<Listitem uri = "?" label = "? animal"> </ listitem>
</ Action>
</ Template>
</ Cuadro de lista>
</ Window>
Guardar y cerrar characters.xul.
8 Utilizar un navegador de Mozilla, como Firefox, para abrir characters.xul. Verifica que los contenidos de characters.xml se cargan en el cuadro de lista definida en la plantilla XUL.
Consejos y advertencias
- plantillas XUL pueden recuperar datos de fuentes no basadas en XML, como RDF y bases de datos. Utilice la fuente que es el más apropiado para la aplicación que se está construyendo.
- XUL provee una rica variedad de componentes de interfaz de usuario. Trate de usar otros objetos de interfaz de usuario XUL para construir aplicaciones más avanzadas.
- Dado que las aplicaciones XUL son de plataforma neutral, que puede ser portado a otras plataformas de Mozilla. La sección de referencias para obtener información sobre la creación de aplicaciones XUL.
- Cuando se utiliza XUL en un sitio web, el servidor debe estar configurado para enviar archivos XUL con el tipo de contenido apropiado.