A continuación detallamos cada una de las partes que se observan en la figura.
Lista de Proyectos
No hay mucho que decir de esta sección, simplemente cada vez que se crea un nuevo proyecto se va agregando a la lista de proyectos. Cada proyecto contiene la lista de archivos o recursos necesarios para el funcionamiento de cada programa, NetBeans los crea automáticamente.
Navegador de Componentes
Aquí se puede navegar entre componentes para su fácil localización, aún sin saberlo, el ejemplo “Hola Mundo” contiene varios elementos o componentes, los cuales son mostrados en la figura siguiente.
Desde el navegador se puede seleccionar los componentes, esto es realmente útil, para aplicaciones que tienen muchísimos elementos. No se desesperen, más adelante habrá otra entrada para analizar cada uno de los elementos mencionados en esta sección.
Ventana del Diseñador Visual
El diseñador visual me permite crear interfaces de usuario de una forma rapidísima, consta de varias vistas, como se puede observar en la figura siguiente:
Vista: Screen
Esta vista es la que ya conocemos, la figura siguiente muestra esta vista:
Es equivalente a la pantalla del celular, lo que pase ahí se refleja en la pantalla del teléfono, ya la vimos trabajando en el ejemplo “Hola Mundo” y en la imagen observan dos componentes: - Form. Forma o formulario, sirve para agregar componentes dentro de el. En el ejemplo se observa dentro del Form, un stringItem
- StringItem. Elemento para mostrar una palabra en la pantalla del teléfono celular.
Vista: Flow
Esta vista es la de flujo. Veamos como se ve la vista “flow” en la figura siguiente:
Esta vista es una representación gráfica de alto nivel del flujo de la aplicación, hay dos elementos: - Movile Device: Representa el teléfono celular.
- Form: Ya lo mencionamos arriba, sirve para agregar elementos, esta forma es la misma que la de la vista Screen, lo que yo coloqué en la forma es lo mismo que va aparecer en la pantalla del celular.
La vista de flujo nos sirve para agregar por ejemplo más formas, esto para programas con muchas interfaces de usuario. Ya habrá tiempo de mostrar esta vista en acción un poquito más adelante.
Vista: Analyzer
La figura siguiente muestra esta vista:
Analiza el programa para ver si tenemos recursos que no estamos usando en nuestro programa, para eliminarlos y no gasten memoria, recuérdese que tenemos la memoria limitada en un celular y no conviene tener recursos sin usar, desde esta vista esos recursos se pueden eliminar, para ejemplo sencillos esta vista está completamente vacía.
Vista: Source
Esta vista es la del código fuente, escrito automáticamente por el NetBeans obviamente en el lenguaje Java. La figura siguiente muestra la vista Source
Como ya se vio para el ejemplo “Hola Mundo” no agregamos una sola línea de código, pero existe, NetBeans agrego el código automáticamente.
Más adelante vernos como agregar o modificar líneas de código, a medida que se hagan los ejemplos más complejos.
La paleta de Componentes
Contiene elementos que simplemente se van agregando, se arrastran y sueltan en la pantalla del celular (Screen), por ejemplo en la figura siguiente se observa la ubicación del elemento String ítem (en rojo), si deseamos agregar por ejemplo otro mensaje al celular, se elige el String Item y se arrastra y suelta dentro del Form
Ventana de Propiedades Esta ventana muestra las propiedades de los elementos que podemos cambiar en tiempo de compilación, la figura siguiente muestra la ventana de propiedades cuando se elige el elemento String Item
Se observan muchas propiedades pero en la figura se remarcan solo las dos propiedades que fueron modificadas:
- Label: Titulo del String: Hola
- Text: Contiene el texto que deseamos que aparezca: Hola Mundo :)
Clic AQUI para leer más...!
