ING.CIP.IVAN PETRLIK AZABACHE. GRAFICOS CON EL API DE BAJO NIVEL Para poder utilizar la pantalla de...

36
ING.CIP .IVAN PETRLIK AZABACHE

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.

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.

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.

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.

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.

• 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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.
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.

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.
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.
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.

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.

• 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.
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.
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.
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.
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.
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.
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.

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.

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.

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.

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.

EJERCICIO #02