ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de...
-
Upload
isabel-rojas-martin -
Category
Documents
-
view
237 -
download
1
Transcript of ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de...
![Page 1: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/1.jpg)
ING.CIP .IVAN PETRLIK AZABACHE
![Page 2: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/2.jpg)
GRAFICOS CON EL API DE BAJO NIVEL
• Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel se recurre a las clases Graphics y Canvas.
• La combinacion de las dos clases,donde la capacidad de control sobre eventos de la clase Canvas y de la capacidad de dibujo por parte de la clase Graphics.
![Page 3: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/3.jpg)
Estructura básica de una Clase Canvas
Se crea una clase de nombre CelularBajoNivel y que haga herencia de la clase Canvas
Se implementa el constructor de la
clase CelularBajoNivel
Se implementa el metodo paint con un parametro que
reciba un objeto de la clase Graphics
![Page 4: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/4.jpg)
Ejecución de un Canvas
• Para poder ejecutar una clase canvas necesariamente tenemos que crear un MIDlet.
Canvas
CelularBajoNivel
MIDlet
CelularAltoNivel10..*
Se ejecuta
![Page 5: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/5.jpg)
• canvas
![Page 6: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/6.jpg)
Insertar el Canvas Creado en la pantalla del Dispositivo Movil
• • Canvas
![Page 7: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/7.jpg)
Se Logro Insertar el Canvas a traves del MIDlet (CelularAltoNivel)
CanvasRepresentado por:CelularBajoNivel
![Page 8: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/8.jpg)
Sistema de coordenada dentro de un Canvas
• La unidad de medida es el pixel
(0, 0)
Y
X
![Page 9: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/9.jpg)
Sistema de coordenada dentro de un Canvas
(0, 0)
Y
X
Coordenada(x,y)
![Page 10: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/10.jpg)
Primitivas Graficas
• La clase Graphics proporciona varias primitivas graficas de bajo nivel.
• Lineas• Rectangulos• Rectangulos redondeados• Arcos• Texto• Imágenes
![Page 11: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/11.jpg)
Lineas
• El metodo drawLine() crea una linea desde la coordenada de origen hasta la posicion destino que se especifique.
(0, 0)
(150, 200)
![Page 12: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/12.jpg)
Rectangulos
• El metodo drawRect() dibuja un rectangulo con el color de tipo línea actuales
100
100
(50, 50)
![Page 13: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/13.jpg)
Rectangulos redondeados
• El metodo drawRoundRect() dibuja rectangulo con las esquinas redondeadas.
![Page 14: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/14.jpg)
Arcos
• El metodo drawArc() dibuja un arco que se circunscribe en el rectangulo cuyas dimensiones se definen en los argumentos del metodo .
![Page 15: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/15.jpg)
Arcos
(50, 50)
100
100
![Page 16: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/16.jpg)
Texto
• El metodo drawString() dibuja texto sobre la pantalla.
![Page 17: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/17.jpg)
Imágenes
• Las imágenes se utilizan en pantallas de tipo Alert,List,Form.
createImage(String rutaimagen) createImage(byte[],int offset,int longitud) createImage(Image imagen) createImage(int anchura, int altura)
![Page 18: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/18.jpg)
Imágenes
![Page 19: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/19.jpg)
Rectangulo relleno de color
![Page 20: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/20.jpg)
![Page 21: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/21.jpg)
Arco relleno de color
![Page 22: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/22.jpg)
![Page 23: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/23.jpg)
![Page 24: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/24.jpg)
EJERCICIO # 01
![Page 25: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/25.jpg)
• Crear un proyectoMIDlet
Clase comun
![Page 26: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/26.jpg)
![Page 27: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/27.jpg)
![Page 28: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/28.jpg)
![Page 29: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/29.jpg)
![Page 30: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/30.jpg)
![Page 31: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/31.jpg)
![Page 32: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/32.jpg)
EJERCICIO #02
![Page 33: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/33.jpg)
EJERCICIO #02
• Sobre el ejercicio anterior se tendra que aumentar las siguientes lineas de codigo:
![Page 34: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/34.jpg)
EJERCICIO #02
![Page 35: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/35.jpg)
EJERCICIO #02
![Page 36: ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de un dispositivo movil a traves del API de bajo nivel.](https://reader036.fdocuments.es/reader036/viewer/2022081418/5665b4ca1a28abb57c93b5fc/html5/thumbnails/36.jpg)
EJERCICIO #02