J2ME- VISUAL MIDLET

Displayable

Alerta• Permiten mostrar una pantalla de texto durante 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 (String título, String texto_alerta, Image imagen_alerta,

AlertType tipo_alerta)

• El tipo de alerta puede ser uno de los siguientes: ALARM(Alarma), CONFIRMATION(Confirmacion), ERROR(Error), INFO(Informativo) y WARNING(Peligro)

• Nota: Para la duracion de la alerta se digita el tiempo en la propiedad TimeOut, por defecto esta FOREVER, el cual indica que la alerta esta hasta que se pulse el boton DONE (milisegundos)

Alerta• Ejemplo:

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

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.

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

Vistas del IDE NetBeans: Source, Screen y Flow

Vista Diseño Flujo (Flow) : Figura

Vistas del IDE NetBeans: Source, Screen y FlowVista Diseño Flujo (Flow) • Esta vista es la primera que aparece cuando inicialmente creamos un MIDlet. • Esta vista resulta muy interesante ya que nos indica cuál es el flujo de ventanas

de nuestra aplicación, es decir, qué ventana lleva a qué otra ventana y a través de qué botón o comando.

• También nos permite editar fácilmente dicho flujo simplemente arrastrando y soltando elementos sobre el panel principal. De esta forma un desarrollador puede ir tomando cada uno de los tipos de ventana que se muestran en la Paleta de la derecha, dentro del grupo Displayable (es decir, Alert, Form, List, TextBox , loginScreen, Splash-Screen, WaitScreen, File Browser, Pim Browser o bien SMS Composer), ir colocándolos en el panel principal e ir definiendo cómo llegar de una ventana a otra simplemente conectándolas entre sí.

• Además, a cada ventana se le puede añadir cualquiera de los demás elementos que se muestran en la Paleta (Commands, Elements, Items, Flow, etc.) simplemente arrastrando dicho elemento sobre la ventana en la que queramos añadirlo.

• Por último, decir que cuando se selecciona cualquier elemento en el panel principal, también es posible modificar sus propiedades o atributos mediante el panel de Propiedades que se encuentra debajo de la Paleta, abajo a la derecha, lo cual resulta extremadamente útil al programador

Vistas del IDE NetBeans: Source, Screen y FlowVista Diseño Pantalla (Screen)

Vistas del IDE NetBeans: Source, Screen y FlowVista Diseño Pantalla(Screen)• Esta vista también resulta extremadamente útil al programador ya

que a través de la misma es posible realizar el diseño de cada una de las ventanas de las que consta nuestro MIDlet. De esta forma el desarrollador podrá ver el aspecto final que aproximadamente tendrá su aplicación. Para cambiar la ventana que queremos diseñar basta con seleccionarla en la lista desplegable llamada Edited Screen que se encuentra encima del panel principal a la derecha. En nuestro ejemplo de "Hola mundo" sólo podemos diseñar inicialmente una ventana llamada HelloMIDlet.

• En esta vista también disponemos de la Paleta de componentes, y el diseño de las ventanas es tan sencillo como arrastrar los elementos desde ésta hasta el panel principal, igual que ocurra en la vista Diseño de Flujo. Y del mismo modo que en la vista Diseño de Flujo era posible editar las propiedades o atributos de los elementos seleccionados desde el panel de Propiedades, aquí eso también es posible de la misma forma.

Vistas del IDE NetBeans: Source, Screen y FlowVista Fuente (Código): esta vista permite ver y modificar el código fuente Java de nuestra aplicación

Elementos “Displayables”• Alert: mensaje de aviso.• Form: elemento formulario.• List: menú tipo lista.• Text Box: caja de texto• Login Screen: pantalla de inicio de sesión.• Wait Screen: aviso de espera.• PIM Browser: buscador agenda / calendario / lista de tareas.• Splash Screen: pantalla inicial de la aplicación• File browser: localizador de archivos.• SMS Composer: formulario de envío de mensajes cortos SMS.

GRACIAS