next up previous contents
Next: 6 Creación de un Up: Programación J2ME con Netbeans Previous: 4 Visualización del código   Contents

Subsections

5 Diseñador de pantallas

El diseñador de pantallas (screen designer) se usa para editar las pantallas de la aplicación. Hay dos formas de acceder al diseñador de pantallas:

  1. La forma más simple es desde la pantalla del Flow Designer, haciendo doble click en la pantalla que queremos editar.
  2. Pulsando en la solapa Screen Design que está a la izquierda de la solapa Flow Design y seleccionando la pantalla (screen) deseada en Edited Screen (figura 18).

Figure 18: Seleccionar la pantalla a editar
Image screendesign

Comenzaremos modificando el único componente que hay ahora mismo en el Form helloForm, que es el String Item cuya etiqueta (Label) es Hello y cuyo String asociado es Hello, World!. Para ello seleccionamos el String Item con el botón izquierdo del ratón y cambiamos el Label y String, que aparecen en la ventana de propiedades (derecha del IDE), por los valores Hola y Bienvenido al juego del Tetris.

5.1 Añadir nuevos componentes en una pantalla

El screen designer funciona como otros editores visuales de componentes. O sea, se crea el interfaz de usuario arrastrando componentes desde la paleta de componentes hasta la pantalla que se esté editando.

A continuación crearemos un ChoiceGroup en el que incluiremos tres ChoiceItem de tipo EXCLUSIVE. Este ChoiceGroup nos servirá para elegir la operación que queremos hacer una vez que el programa comience: Jugar, Opciones o Ver Records. Para ello haremos los siguientes pasos:

5.2 Añadir componentes no visuales

El screen designer puede usarse también con componentes no visuales. Por ejemplo, para añadir un comando, arrastra el tipo de comando desde la paleta de componentes hacia la pantalla. La pantalla helloForm ya dispone de un comando exit. Por tanto añadiremos un comando Ok:

Figure: Ventana de acción de un comando
Image action

Figure: Inserción de pre-action user code
Image codigo2

5.3 Inserción de imágenes en el proyecto

Se pueden añadir imágenes a nuestro proyecto que serán guardados dentro del fichero Jar del Midlet. Las imágenes pueden usarse por ejemplo para asignarlas a un image item o como icono del Midlet. Veamos los pasos que hay que dar para utilizar una imagen como icono de nuestra aplicación:


next up previous contents
Next: 6 Creación de un Up: Programación J2ME con Netbeans Previous: 4 Visualización del código   Contents
Andres Cano Utrera 2006-09-23