ing.cip.ivan petrlik azabache. graficos con el api de bajo nivel para poder utilizar la pantalla de...

36
ING.CIP .IVAN PETRLIK AZABACHE

Upload: isabel-rojas-martin

Post on 24-Jan-2016

235 views

Category:

Documents


1 download

TRANSCRIPT

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