04 Gráficos en Android Practicas 8,10 y 12 e Investigación 4

Transcripción

1 Instituto Politécnico Nacional Centro de Estudios Científicos y Tecnológicos núm. 9 Laboratorio de proyectos de tecnologías de la información iv Prof. Emmanuel Oropeza Gonzalez 04 Gráficos en Android Practicas 8,10 y 12 e Investigación 4 eoropezag@ipn.mx

2 Contenido Gráficos en Android Investigación 04 Practica 8 Practica 10 Practica 12

3 Gráficos en Android Android nos proporciona a través de su API gráfica una potente y variada colección de funciones que pueden cubrir prácticamente cualquier necesidad gráfica de una aplicación. Podemos destacar la manipulación de imágenes, gráficos vectoriales, animaciones, trabajo con texto o gráficos en 3D. Las principales clases para gráficos en 2D son: Canvas La clase Canvas representa una superficie donde podemos dibujar. Paint Para dibujar en un Canvas necesitaremos un pincel (Paint) donde definiremos el color, grosor de trazo, transparencia. Path La clase Path permite definir un trazado a partir de segmentos de línea y curvas. Una vez definido puede ser dibujado con canvas.drawpath(path, Paint). Un Path también puede ser utilizado para dibujar un texto sobre el trazado marcado.

4 Gráficos en Android La clase Drawable es una abstracción que representa algo que puede ser dibujado. Esta clase se extiende para definir gran variedad de objetos gráficos más específicos. Muchos de ellos pueden ser definidos como recursos usando ficheros XML. Entre ellos tenemos los siguientes: BitmapDrawable: Imagen basada en un fichero gráfico (PNG o JPG). Etiqueta XML <bitmap>. ShapeDrawable: Permite realizar un gráfico a partir de primitivas vectoriales, como formas básicas (círculos, cuadrados, ) o trazados (Path). No puede ser definido mediante un fichero XML. LayerDrawable: Contiene un array de Drawable que son visualizados según el orden del array. El índice mayor del array es el que se representa encima. Cada Drawable puede situarse en una posición determinada. Etiqueta XML<layer-list> StateListDrawable: Similar al anterior pero ahora podemos usar una máscara de bits podemos seleccionar los objetos visibles. Etiqueta XML <selector>. GradientDrawable: Degradado de color que puede ser usado en botones o fondos. TransitionDrawable: Una extensión de LayerDrawables que permite un efecto de fundido entre la primera y la segunda capa. Para iniciar la transición hay que llamar a starttransition(int tiempo). Para visualizar la primera capa hay que llamar a resettransition(). Etiqueta XML<transition>. AnimationDrawable: Permite crear animaciones frame a frame a partir de una serie de objetosdrawable. Etiqueta XML <animation-list>

5 Gráficos en Android El entorno de programación Android incorpora tres mecanismos para crear animaciones en nuestras aplicaciones: La clase AnimationDrawable: Permite crear drawables que reproducen una animación fotograma a fotograma. Animaciones Tween: Permiten crear efectos de translación, rotación, zoom y alfa a cualquiera vista de nuestra aplicación. Animaciones de propiedades: Nuevo mecanismo incorporado en Android 3.0. Permite animar cualquier propiedad de cualquier objeto, sea una vista o no. Además modifica el objeto en sí, no solamente cambia su representación en pantalla como ocurre en un animación Tween.

6 Investigación 04 Creación de un primer programa Trabajo de Investigación Enumerar las distintas API gráficas para 2D y 3D disponibles en Android. Portada e ilustraciones. Copias de Internet o entre compañeros se anula el trabajo. *Se entregará a mas tardar el día Domingo 26 de Abril de 2015 (23:59:59 hora limite).

7 Practica 08 Creación de un primer programa Practica de Tarea: Agregar un triangulo, pentágono y hexágono al canvas creado en clase. Códigos y programas Documentado (Nombre del alumno, versión, explicación del programa) El nombre de las variables deberá ser adecuado y entendible (En español) Documentación de funciones y partes importantes de los códigos según el objetivo del programa y la teoría vista en clase. Instrucciones de compilación y capturas de pantalla de muestra del funcionamiento en los reportes. Copias de Internet o entre compañeros se anula el trabajo. *Se entregará a mas tardar el día Domingo 26 de Abril de 2015 (23:59:59 hora limite).

8 Practica 10 Creación de un primer programa Practica de Tarea: Creación de una nueva vista independiente con animación de al menos 5 transiciones. Códigos y programas Documentado (Nombre del alumno, versión, explicación del programa) El nombre de las variables deberá ser adecuado y entendible (En español) Documentación de funciones y partes importantes de los códigos según el objetivo del programa y la teoría vista en clase. Instrucciones de compilación y capturas de pantalla de muestra del funcionamiento en los reportes. Copias de Internet o entre compañeros se anula el trabajo. *Se entregará a mas tardar el día Domingo 26 de Abril de 2015 (23:59:59 hora limite).

9 Practica 12 Creación de un primer programa Practica de Tarea: Rehacer la practica 11 de animaciones Tween utilizando Animaciones de propiedades para dejar el texto en una posición distinta. Códigos y programas Documentado (Nombre del alumno, versión, explicación del programa) El nombre de las variables deberá ser adecuado y entendible (En español) Documentación de funciones y partes importantes de los códigos según el objetivo del programa y la teoría vista en clase. Instrucciones de compilación y capturas de pantalla de muestra del funcionamiento en los reportes. Copias de Internet o entre compañeros se anula el trabajo. *Se entregará a mas tardar el día Domingo 26 de Abril de 2015 (23:59:59 hora limite).