loading...

martes, 24 de agosto de 2010

Primeros pasos con Adobe AIR para Android

Por Brian Rinaldi



Desarrollo Móvil es sexy - No Se Puede Negar ESO. Pero el párrafo Las Aplicaciones Flex un ALGUIEN Como Yo , Por Que lo general sí Centra En El Desarrollo de Servicios de Fondo o Por Detrás del firewall , la Creación de Una Aplicación Móvil Suena intimidante . No Puedo determinar exactamente Por Qué , Pero Sé Also Que No Estoy en solitario . Sin embargo , Con El Nuevo Adobe AIR párr Android ( actualmente en Desarrollador de pre - Lanzamiento en Adobe Labs.) Y El IDE de Adobe Flash , Desarrollo de Aplicaciones Móviles de Google Android párrafo nuevo Sistema Operativo 2,2 ( Nombre en clave de Froyo ) no podria servicios Más Sencillo .

En este artículo, analizar Las Herramientas Esenciales Que NECESITA párr Empezar un párrafo AIR párr desarrollar Android Con Adobe Flash Professional CS5 . Yo le guiará A Través conseguir aire instalada en El Telefono Android y el software Flash Configurar el párrafo desarrollar párr ESA Plataforma . Entonces te mostrará Como CREAR e implementar Su Aplicación de primera . Si bien ESTA Solicitud ningún Innovación Una Sera, PUEDE SERVIR Que sin Como Sólido Punto de Lanzamiento párr Su Nuevo Futuro Como Desarrollador de Aplicaciones Móviles . ( Nota : Los probados Detalles de Este tutorial fueron Contra el aire de la Liberación de Android al 1 de agosto de 2010, las Naciones Unidas en Google / HTC corriendo Android Uno Nexus 2.2. )

Configuracion del Entorno de Desarrollo

Como Configurar El Desarrollo de Aplicaciones Android Con Flash es Bastante Sencillo . Aquí ESTÁ Una Lista de los Artículos Que SE NECESITAN Dónde y sí encuentran :


  • Google Android SDK: El SDK contiene Las Herramientas Que NECESITA párr párr desarrollar Android, independientemente de si estan Haciendo Aplicaciones nativas en Java o Aplicaciones AIR párr Android en Flash. En concreto , sí utilizarán dos Herramientas En El SDK de largo de Este Curso : " adb " y MDDS .

  • AIR párr Android: Actualmente AIRE ESTÁ párr Android Disponible A Través del Programa preliminar de Adobe Costo pecado alguno , Pero Sí Que Se requiere inscriba . Una Vez Que Te Registres , tendras Acceso a Las descargas de la AIR párr Archivo de Instalación de la extensión y Android de Flash Professional CS5 , ASI COMO la Documentación Adjunta .

Ahora Que ya ha descargado Las Herramientas, Sólo Tiene Que ejecutar " A Través de pasos PARA HACER ALGUNOS Las Instalaciones . Lee Brimelow vídeo Cubre muchos de Estós Mismos pasos en las Naciones Unidas Sobre tutorial GoToAndLearn. ( Nota : La Mayoría de las Veces , Las Instrucciones Las hijo seguían incontinentes , Pero Las Instrucciones Brimelow Que suponer un PC Usted está Trabajando En Un MIENTRAS Que La mía sí supone Que estan Trabajando en un Mac ) .

Para Empezar :


  1. Descomprimir El SDK de Android. Usted NECESITA dora Acceso a muchos de los Elementos de la Carpeta de los Archivos Herramientas SDK Través de la Línea de comandos , ASI Que es Una buena idea mantener this Carpeta de Fácil Acceso .

  2. Con El Telefono Conectado al Ordenador , utilice la Herramienta "adb " Dentro de la Carpeta Herramientas párr asegurar Que El Telefono ESTÁ Conectado . ( Nota : Que Es Posible necesite Instalar controlador para la ONU PARA EL Teléfono SI ESTÁ PC Conectado un un.)

  3. Abra Una Ventana de Línea de comandos y una Navegue La Carpeta Herramientas descomprimido Dentro De su SDK de Android, y ejecute comandos El . / Adb " Dispositivos En El Indicador . Deberia ver Su Dispositivo en la Lista ( ver Figura 1). Si no aparece Su Teléfono en la Lista , ASEGURESE De Que TIENE LA Opción USB depuración habilitada . Ésto me causó ALGUNOS problemática Iniciales . PUEDE ACCEDER es una configuracion esta en Android 2,2 a Través de Ajustes > Aplicaciones > Desarrollo > depuración USB.
adb " Se utiliza el párrafo comprobar si El Dispositivo Móvil Conectado ESTÁ A Su Ordenador .

Figura 1. adb " Se utiliza el párrafo comprobar si El Dispositivo Móvil Conectado ESTÁ A Su Ordenador .

Ahora Que ya Han Confirmado Su Teléfono ESTÁ Conectado correctamente , es hora de Instalar Android AIR párrafo :


  1. Tomé El Tiempo de ejecución ni de AIR Archivo descargado DESDE y pre- Lanzamiento colocarlo en El Directorio Herramientas En Su Android SDK. (ESTO no es Obligatorio , Pero si Fácil Más liebre de encontrar . )

  2. Escribá El Siguiente En El comando Símbolo del Sistema : / Adb Instalar Runtime_Device_Froyo_20100720.apk ( Nota : El Nombre exacto de la APK PUEDE switch dependiendo de la Fecha de la versión Más Actualizada ).

Usted debe ver Una Respuesta Similar a la Figura 2 indica Que El Éxito de Instalar .

This Respuesta confirmación Que ha Instalado Con Éxito AIR.

Figura 2 . This Respuesta confirmación Que ha Instalado Con Éxito AIR.

Also PUEDE comprobar En Su Teléfono Android Yendo un Ajustes > Aplicaciones > Aplicaciones Manejar , dónde son los cantantes En Este Momento Verá Adobe AIR Lista ( ver Figura 3). Usted PUEDE Tomar Capturas de Pantalla de Solicitud su, Así Como información de depuración MEDIANTE la Aplicación de Otras MDDS En Su Directorio de Android SDK Herramientas .

Compruebe AIRE SE ESTÁ ejecutando En Su Teléfono Android.

Figura 3 . Compruebe AIRE SE ESTÁ ejecutando En Su Teléfono Android.

Construcción de Aplicaciones Móviles en Flash Professional CS5

Para Empezar A Trabajar en Proyecto de las Naciones Unidas , Primero debe Instalar la extensión de AIR párr Android párr Flash Professional CS5 . HACER Basta Con doble clic en El Archivo de Instalación párr Abrir tu administrador de Extensiones e Instalar la extensión . Una Vez Que TIENE LA extensión instalada , deberia ver Una Opción párr CREAR Una Nueva Aplicación AIR Android en el párrafo CREAR DESDE Plantilla de Cuando SE INICIA El IDE de Flash CS5 . Elija Opción ESTA, Que Se Dirige una de las Naciones Unidas Tamaño de Documento de 480 × 800 y le da sin AIR párr Android Botón configuracion en el panel Propiedades El de la Aplicación .

( Nota : Flash Builder PUEDES USAR EN Lugar de Flash Professional CS5 párr CREAR Su Aplicación Móvil . recomiendo la serie de tutoriales Por Terrence Ryan Más información párr . )

En la figura 3 , tambien PUEDE Observar Una Aplicación Llamada KidsStorybook . Esa es la Aplicación de Ejemplo Que ESTÁ Construyendo . Es Una Aplicación Muy Básica Que CONSTA de los Cinco cuadros contienen Que El texto de la ONU un libro de cuentos "Mi hijo de Siete Años de Edad , se hizó Clase de Su en La Escuela . (Me inspiré en Las Aplicaciones Mucho Más Interesante basado en la Elaboración De Que Niño de las Naciones Unidas David Stockton Con Flash creadas catalizador . ) Usted se dara Cuenta de la Captura de Pantalla Que Se ve Como una Aplicación nativa en Android.

La Aplicación de CONSTA Muy Código Un poco Más Que lo Que Se requiere PARA HACER Los Botones de navegar un Través de las páginas. Botones y La Figura 4 Muestra Una de las páginas de Los Con tal Como aparece en mi Teléfono .

La KidsStorybook Aplicación Móvil.

Figura 4 . La KidsStorybook Aplicación Móvil.

Echemos las Naciones Unidas Vistazo Rápido vamos al Código Que a Comenzar , Que Todo Lo Que existe en El Primer fotograma de Una capa de Acciones . Todo es de El Código Qué hace Añadir un Los Oyentes un Botón y El Que vaya uno la Siguiente Página o anterior. Also añadido que sin oyente párr ocultar certamen El Botón apropiado de Cuando UNO anterior o Siguiente Marco no http://www.scielo.cl/scielo.php?scri. Como ya se mencionado , ESTO ES Bastante Estándar (y de base) de Código ActionScript - Aquí nada funcionaría de Manera Diferente si Usted Fuera EL MERO Objetivo Navegador de las Naciones Unidas.

Importación flash.events.Event ;

stop ();

this.addEventListener ( Event.ENTER_FRAME , handleEnterFrame ) ;
nextBtn.addEventListener ( MouseEvent.MOUSE_DOWN , nextFrameHandler ) ;
prevBtn.addEventListener ( MouseEvent.MOUSE_DOWN , prevFrameHandler ) ;

Función nextFrameHandler (caso : MouseEvent ): void {
goNextFrame ();
}
goNextFrame Función () {
if ( currentFrame < totalFrames ) {
gotoAndStop ( currentFrame +1) ;
}
}
Función prevFrameHandler (caso : MouseEvent ): void {
goPreviousFrame ();
}
goPreviousFrame Función () {
if ( currentFrame > 1) {
gotoAndStop ( currentFrame -1);
}
}
Función handleEnterFrame (event: Event) {
prevBtn.visible = true ;
nextBtn.visible = true ;
if ( currentFrame == 1) {
prevBtn.visible = false ;
}
else if ( totalFrames currentFrame ==) {
nextBtn.visible = false ;
}
}

En Este Código , en Realidad Estoy usando y no TouchEvent Los MouseEvent . Eventos MouseEvent funcionar bien en Android de Cuando sí dedo presiona CON EL . De Hecho , la Documentación Recomienda Que utilice los Eventos MouseEvent en Lugar de un debido TouchEvent Eventos Que consumen Menos memoria .

Ahora bien , si yo Fuera un ESTA Aplicación implementar en mi Nexus Uno o cualquier Otro Teléfono Android Que apoya AIR, seria Buscar Trabajo y al Igual Que yo esperaría . Eso es Lo Que es genial y el párrafo Flash ActionScript 3 Programadores - Se Puede aprovechar El Conocimiento Habilidades y Las Que ya de tenemos y Aplicaciones Móviles Con CREAR facilidad . Sin embargo , nada en Esta Aplicación de Ejemplo sí Aprovechá de la Plataforma Móvil. Vamos a Cambiar El sentido de la Rápida Que MEDIANTE adición de algoritmos de Código párr aprovechar la Pantalla táctil , permitiendo a Los Usuarios A la izquierda, OA La Derecha pase párr switch de página .

Importación flash.events.TransformGestureEvent ;

stage.addEventListener ( TransformGestureEvent.GESTURE_SWIPE , swipeHandler ) ;
Función swipeHandler (caso : TransformGestureEvent ): void {
if ( event.offsetX { == -1)
goNextFrame ();
}
else if ( event.offsetX == 1) {
goPreviousFrame ();
}
}

Eso es Todo Lo Que NECESITA HACER . Simplemente ANADE sin oyente Por El Gesto y llamo un golpe de la ONU swipeHandler () Método. Este examen Método El valor de la propiedad, offsetX del Evento determinar si el párrafo de Los Usuarios estan Pasando El Derecha de una izquierda ( es Decir , Go to page Siguiente ) o de izquierda, una Derecha ( Decir es , Go to page anterior ) . Yo le dije Que Este material era Más Fácil De Lo Que pensaba .

Su Implementación de Aplicación de primera

En Este punto , Que Se ha construído la Aplicación , Pero No Se Han probado en El Telefono . Vamos a caminar un Través de la forma de gestionar Los ajustes PARA LA Publicación Dentro de Flash Professional CS5 utilicen El Aire de la extensión Android.

En el panel Propiedades El de la Aplicación Flash, Haga clic en Editar certamen El Botón Al lado de la AIR PARA LA configuracion de Android. Ésto deberia Abrir Una nueva ventana Varias pestañas en contra, Entre ELLOS El General , de Implementación y Los Iconos .

En la ficha General, Cosas PUEDE HACER COMO définir El Nombre de Aplicación su, la versión , y la Relación de Aspecto . Deben Estós servicios Bastante faciles de entendre .

La ficha de Implementación ( ver Figura 5) contiene la configuracion de Certificado su, Que Se requiere . Ejemplo Para este , Estoy usando auto sin certificado- Firmado . Also utilice la ficha de Implementación párr Especificar si desea CREAR Una depuración o Construir la Liberación . Por Ultimo, la ficha de Implementación le permite Instalar de forma Automática Lanzar y la Aplicación de la ONU en el párrafo Teléfono Conectado La Prueba. Simplemente Apunte una Copia de la " adb " "en el Directorio de Android SDK Tools ( Qué es la Herramienta Que utiliza el párrafo probar Que El Dispositivo Conectado estaba anteriormente en Este tutorial). Asumiendo Que Su Teléfono Esté Conectado , Haga clic en Publicar . La Aplicación AIR Ahora Deben poner y Instalar En Marcha En Su Teléfono Móvil, Que Se Puede ver Por Cualquiera de Navegación En El Teléfono o utilizando MDDS Tomar Una Pantalla de Captura .

Utilice la ficha de Implantación Publicar párr Su Aplicación .

Figura 5 . Utilice la ficha de Implantación Publicar párr Su Aplicación .

Si ejecuta Aplicación ESTA, entonces Usted deberia servicios Capaz de navegar Por El "corto" de libro "Mi hijo escribió utilizando Los Botones o El Gesto de deslizar . Sin embargo , la Aplicación de la ONU Tiene icono Genérico de Cuando aparece Entre Las Otras Aplicaciones en El Telefono . Para solucionarlo , basta Con El icono Añadir un la Pestaña Iconos . Simplemente se hizó Una imagen de 72 × 72 PNG de los peces y añadieron una configuracion de Los Angeles.

Ahora eres Móvil Desarrollador de las Naciones Unidas

Usted está oficialmente Móvil Ahora Desarrollador de las Naciones Unidas . Usted PUEDE incluso Construir Aplicaciones nativas SEE sexy Todo El Mundo, parece querer . Por supuesto , Su Solicitud de primera no Innovadora FUE , Pero Comienzo FUE buen ONU. A Pesar De Que En El toco USO de Gestos , Que Tomar Ventaja de PUEDE Con Mucho Mas La Pantalla táctil y acelerómetro El CREAR párr Mejores y Más Interesantes Aplicaciones .

obtener PARA MÁS INFORMACIÓN , El visite Dispositivos Móviles y Desarrolladores El Para el Centro. Si Usted está Interesado en La Entrega de un vídeo Dispositivos Móviles , ASEGURESE de ver Edmond Artículo Au. Si desea ver Ejemplos inspiradores de Contenido de Flash Que Se ejecutan en Dispositivos compatibles CON EL 10,1 Flash Player , visite Escaparate de Adobe Flash Móviles párr.

< Volver




Brian Rinaldi es gestor de las Naciones Unidas de la Comunidad PARA EL EQUIPO DE Adobe Recursos de Aprendizaje , dónde son los cantantes supervisa la Estrategia Comunitaria párr La Plataforma Flash de Ayuda de la Comunidad . Papel En su, Brian reune una Activos Usuarios de Producto de Adobe , Adobe miembros del Equipo de Productos , autores y proporcionar un párrafo Expertos Los Usuarios el mas útiles, Pertinente y Actualizada información Actualizada Sobre los Productos de Adobe. Brian blogs regularmente en http://remotesynthesis.com es adicto y sin reformar un pecado Twitter @ remotesynth.




No hay comentarios:

Publicar un comentario