Red de conocimiento informático - Material del sitio web - Cómo usar PhoneGap y Dojo Mobile juntos en Android

Cómo usar PhoneGap y Dojo Mobile juntos en Android

Al momento de escribir este artículo, la última versión estable de Dojo es 1.6.1. Para comenzar a utilizar Dojo Mobile 1.7 inmediatamente, debe descargar la última versión del kit de herramientas de Dojo desde el repositorio de Subversion

. ¿La herramienta de línea de comandos svn suele venir preinstalada en Mac OS X y Linux? ¿La herramienta de línea de comandos svn suele venir preinstalada en Mac OS X y Linux? Si utiliza

Windows, es posible que primero deba descargar e instalar estas herramientas. Para obtener más información, visite el sitio web de Subversion.

Suponiendo que tiene Subversion instalado y está utilizando herramientas basadas en línea de comandos, puede utilizar el siguiente comando para migrar a la última versión de Dojo. Este comando descargará el código fuente completo del

Toolkit de Dojo, por lo que puede tardar un poco. 1svn checkout http://svn.dojotoolkit.org/src/view/anon/all/trunk

dojo-toolkit-readonly

Una vez que se complete el traslado, estará en un archivo llamado dojo -toolkit-readonly

Obtenga la última versión de Dojo en el nuevo directorio. Copie o mueva este directorio a una ubicación en el servidor web para usarlo en el documento HTML. Cámbiele el nombre a algo más corto, como

dojo-toolkit, y podrá empezar a utilizar Dojo.

Si lo deseas, puedes descargar solo la parte del kit de herramientas de Dojo que desees. A algunas personas les resulta más conveniente descargar primero la versión completa y luego descartar las partes innecesarias. El código fuente de Dojo

no está comprimido y es de gran tamaño, por lo que no se recomienda su uso en aplicaciones de producción.

El Listado 1 proporciona la estructura básica de una aplicación Dojo. La clase deviceTheme es nueva en Dojo Mobile 1.7

y determinará automáticamente el tema exacto que se cargará para el dispositivo que esté utilizando. No es necesario detectar el navegador del usuario y entregar los archivos CSS relevantes.

Una vez completada la transferencia, tendrá el código fuente completo de Dojo Toolkit en un nuevo directorio llamado dojo-toolkit-readonly. Copie o mueva este directorio a una ubicación en el servidor web para usarlo en el documento HTML. Cambie el nombre a algo más corto, como

dojo-toolkit, y estará listo para comenzar a usar Dojo. Si lo desea, puede descargar solo las partes del kit de herramientas de Dojo que desee

. A algunas personas les resulta más conveniente descargar primero la versión completa y luego descartar las partes innecesarias. El código fuente de Dojo no está comprimido y es grande, por lo que no se recomienda su uso en aplicaciones de producción. Para obtener información sobre cómo crear compilaciones de Dojo personalizadas para mejorar el rendimiento de las aplicaciones Dojo, consulte

Temas relacionados.

El Listado 1 proporciona la estructura básica de una aplicación Dojo.

Si guarda el código del Listado 1 en un archivo y abre el archivo en un navegador web

, verá un fondo gris y nada más. Esto no es muy útil, así que agreguemos algo a la aplicación. Los ejemplos de este artículo utilizan clases de Dojo Mobile

no estándar, por lo que deben cargarse mediante dojo.require.

Después de la línea dojo.require("dojox.mobile"); agregue el código que se muestra en el Listado 2. require("dojox.mobile.Button");

dojo.require("dojox.mobile.SpinWheelDatePicker");

dojo.require("dojox.mobile.SpinWheelTimePicker") ;

Ahora, puedes agregar el código principal de la aplicación "Hello World". Los ejemplos de este artículo utilizan la sintaxis declarativa de Dojo Mobile, lo que significa utilizar etiquetas HTML normales con atributos especiales de

Dojo Mobile para resolver las propiedades de Dojo Mobile en tiempo de ejecución. En la sección Código, agregue el código del Listado 3.

¡Hola mundo!

Primera sección

Esta es una bonita etiqueta rectangular redondeada estándar.

Segunda sección

Listar elemento 1