j2me midlet1

28
J2ME- MIDLET INTERFAZ DE USUARIO

Upload: carlosv2108

Post on 18-Nov-2014

926 views

Category:

Education


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: J2me  midlet1

J2ME- MIDLETINTERFAZ DE USUARIO

Page 2: J2me  midlet1

MIDLETS• Es una aplicación java que me permite desarrollar

aplicaciones para celulares

Page 3: J2me  midlet1

Estructura basica de un MIDLET

import javax.microedition.midlet.*;import javax.microedition.lcdui.*;

public class basico extends MIDlet {

public void startApp() { }

public void pauseApp() { }

public void destroyApp(boolean unconditional) { }

}

Este metodo hace acopio de los recursos

que va ha necesitar

Este metodo es invocado cuando se necesita

detener la ejecucion del midlet temporalmente

Este metodo es invocado por el sistema cuando el

midlet tiene que ser destruido

Page 4: J2me  midlet1

Estructura basica de un MIDLET

import javax.microedition.midlet.*;import javax.microedition.lcdui.*;

public class basico extends MIDlet { public basico(){

} public void startApp() {

} public void pauseApp() { }

public void destroyApp(boolean unconditional) { }

}

Este metodo representa el constructor

Page 5: J2me  midlet1

Como crear un proyecto para dispositivos celulares

• Proyecto: ProyectoCelular. Midlet: Celular1

Page 6: J2me  midlet1

COMPONENTES DE INTERFAZ DE USUARIO

• Ahora que tenemos una idea básica sobre el funcionamiento de un MIDlet, pasaremos a describir los elementos gráficos de los que disponemos para crear interfaces de usuario

Page 7: J2me  midlet1

INTERFAZ DE USUARIO DE ALTO NIVELCOMPONENTES

• La clase Screen hereda directamente de Displayable y permite crear las interfaces gráficas de alto nivel.

• Un objeto que herede de la clase Screen será capaz de ser mostrado en la pantalla.

• Disponemos de cuatro clases que heredan de Screen y que nos sirven de base para crear las interfaces de usuario. Son Alert , TextBox , List y Form.

Page 8: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

display

AlertForm

ListTextBox

display.setCurrent(objForm);

display.setCurrent(objTextBox);

display.setCurrent(objAlert);

display.setCurrent(objList);

Page 9: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• La clase Display• Maneja pantalla y dispositivos de entrada• Todo Midlet posee al menos un objeto Display

Page 10: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Un MIDlet típico estará compuesto de varios de estos elementos. • Por desgracia, y debido al pequeño tamaño de la pantalla,

no pueden mostrarse más de un elemento a la vez, por lo que tendremos que ir mostrando el elemento que necesitemos que ocupará toda la pantalla

Page 11: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Estos componentes los podemos imaginar como una serie de fichas de las cuales sólo podemos mostrar una cada vez.

• Para cambiar de una pantalla a otra usamos el método setCurrent de la clase Display :

• display.setCurrent(list1); Cada uno de las cuatro clases anteriores dispone de los método siguientes : getTitle() - Devuelve el título de la pantalla

setTitle(String s) - Establece el título de la pantalla

Page 12: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• El API de MIDP nos proporciona una serie de componentes que nos permitirán construir las interfaces de usuario de forma sencilla. Por supuesto, aunque estos componentes son potentes para el entorno que nos ocupa, siempre hay que tener presenta las limitaciones de los dispositivos móviles en cuanto a pantalla y en cuanto a interacción con el usuario.

• Como hemos visto en el código presentado hasta el momento, siempre debemos recoger el objeto de tipo Display que gestiona lo que muestra la pantalla del dispositivo

Display display; display = Display.getDisplay(this);

display.setCurrent(null);

display

Page 13: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

Display display; display = Display.getDisplay(this);

display.setCurrent(null);

display

Page 14: J2me  midlet1

EXPLICACION DETALLADA

• Display display;

• display = Display.getDisplay(this);

• display.setCurrent(null);

CREAR UNA REFERENCIA

Crear el objeto Display que es el control a la pantalla del dispositivo

Este método a través del objeto de la clase Display lo podemos utilizar para poder colocar o insertar los distintos

objetos que van ha mostrar en la pantalla

Page 15: J2me  midlet1

CODIGO FUENTE

display = Display.getDisplay(this);

display.setCurrent(null);

Display display;

Page 16: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Pantalla de aviso (Alert)La clase Alert es una clase que muestra un mensaje determinado.

Además que muestra el mensaje lo hace en un tiempo o hasta que se

produzca un comando de tipo OK. Se utiliza para mostrar errores u otro

tipo de mensajes al usuario

Sintaxis : Alert aviso ;

aviso=new Alert(“ ”); aviso.setTitle("titulo general"); aviso.setString(“SOY EL PROFESOR ");

Page 17: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Tiempo de Visualizacion del Alertalerta.setTimeout(int tiempo)

Este método nos permite especificar el tiempo en milisegundos.

alerta.setTimeout(Alert.FOREVER) Este otro metodo nos permite hacer que el

mensaje se mantenga hasta que se pulse un botón del dispositivo

Page 18: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

•Tipos de Alerta:alerta.setType(AlertType.Info)INFO : Este tipo de Alerta simplemente muestra un mensaje cualquiera.ALARM : Este tipo de Alerta se caracteriza por que representa una alarmaCONFIRMATION : Este tipo de Alerta se caracteriza por que representa un mensaje de confirmacion cuando una tarea ya se ha realizadoERROR : Este tipo de Alerta se caracteriza por que representa un mensaje de Error ante una operacion mal realizada ERROR(warning) : Este tipo de Alerta se caracteriza por que representa un mensaje de Peligro ante alguna tarea realizada.

Page 19: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Pantalla de aviso (Alert)

En este metodo estamos adicionando el aviso a la pantalla

Page 20: J2me  midlet1

• TextBox• La clase TextBox permite introducir y editar texto a pantalla

completa. Es como un pequeño editor de textos. Sintaxis :

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

contenido del TextBox

Titulo

Capacidad de caracteres del Textbox

Tipo de Textbox

Page 21: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Pantalla de Caja de Texto (TextBox)

En este metodo estamos adicionando el TextBox a la

pantalla

Page 22: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Tipos de TextBox

ANY - Sin limitaciónEMAILADDR - Sólo una dirección de emailNUMERIC - Sólo se permiten númerosPASSWORD - Los caracteres no serán visiblesPHONENUMBER - Sólo números de teléfonoURL - Sólo direcciones URL

Page 23: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Adicionar Texto a un TextoBox

• Capturar el valor de Texto del TextBox

Page 24: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE

ALTO NIVEL• Captura la longitud del contenido del Textbox

Adiciona texto

Calcula longitud

Adiciona nuevamente texto

Page 25: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• List• Es un objeto que incluye una lista de opciones . • Sintaxis :

Titulo Tipo de

lista exclusivaCargado de

datos a traves de un arreglo

Page 26: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Tipos de listas• Exclusiva Implicita Multiple

Page 27: J2me  midlet1

COMPONENTES DE LA INTERFAZ DE USUARIO DE ALTO NIVEL

• Cargar imágenes al List

Page 28: J2me  midlet1

GRACIAS