"En el diseño de software, Look And Feel es un término que se utiliza en relación con una interfaz gráfica de usuario y abarca aspectos de su diseño, incluyendo elementos como los colores, formas, diseño, y tipos de letra "look", así como el comportamiento de elementos dinámicos como botones, cajas, y menús "feel"[...]".
Tomado y traducido de: www.wikipedia.org
El presente es un pequeño tutorial que busca explicar, de una forma más precisa, como trabajar con Look And Feel y darle una mejor apariencia visual a nuestras aplicaciones java. Para seguir este tutorial necesitas:
- Versión 1.6 del JDK. La versión del .jar que utilizamos para usar Synthetica al parecer solo funciona hay).
- Netbeans IDE x.x. Cualquier versión. No significa que el uso de look and feel este atado a este IDE, solo es cuestión de gustos. Igual existen otros, dentro de los que se destaca Eclipse. Click aquí para ir a la página principal de Netbeans, o si lo deseas puedes ir directamente a la página de descargas con este otro link.
- Nivel Básico de conocimiento en Java.
- Looks And Feel para Java. Puedes conseguir algunos de Synthetica en mi otro post en Taringa!: Java Look And Feels.
Bueno, si cumples con los anteriores requisitos este tutorial puede ser muy fácil de aplicar para ti. Empecemos.
1. Creación Del Proyecto.
Creamos un nuevo proyecto en Netbeans. Damos click en el menu "Archivo>Proyecto Nuevo...": Aparecera un cuadro de diálogo en donde especificaremos que tipo de proyecto es. Seleccionamos en Categorías: a Java, y en Proyecto: a Aplicación Java. Seleccionado la categoría y el tipo de proyecto, damos clik en Siguiente >:
El nuevo cuadro de diálogo nos permite establecer el nombre del proyecto, asi como la ruta en la cual guardaremos nuestro proyecto. Ingresa el nombre de tu proyecto o aplicación, en este caso el nombre que le daré será el de PruebaLookAndFeel. La ubicación o lugar en donde se almacenarán los datos del proyecto estan a tu libre elección. Para efectos del ejemplo la ubicación es C:/Java. Damos click en el botón Terminar, y listo, nuestro proyecto se creará en algunos segundos.
2. Creación Del Formulario De Prueba.
Después de crear el proyecto, lo que sigue es crear un paquete llamado com.example.lookandfeel. ¿Por qué este nombre? Pues la verdad fue lo primero que se me ocurrio. Puedes colocar el nombre de paquete que tu desees. Para crear el paquete damos click derecho sobre el item Paquetes de fuentes>Nuevo> Paquete de Java...: Aparecerá un cuadro de diálogo en donde daremos el nombre del paquete. Recuerden que para este ejemplo el nombre del paquete es com.example.lookandfeel. Damos click en Terminar para crear el paquete:
Ahora crearemos nuestro formulario de ejemplo. Para crear el formulario damos click derecho sobre el item Paquetes de fuentes>Nuevo> Formulario JFrame.... Aparecerá un cuadro de diálogo en donde colocaremos como nombre LookAndFeelFrame. Damos click en el botón Terminar, y listo, nuestro formulario se creará en algunos segundos.
Ahora agregamos cualquier componente swing para ver como cambia su apariencia al aplicar un Look And Feel:
3. Agregación Al Proyecto De Las Librerias Look And Feel.
Terminado el formulario es necesario (si deseamos usar los Look And Feel de Synthetica) importar a nuestro poyecto las librerias necesarias. Para poder utilizar Synthetica les recomiendo nuevamente que descarguen los Look And Feel de mi otro post en Taringa!, titulado Java Look And Feels. Cuando lo descarguen encontrarán los siguientes archivos: El archivo .jar llamado synthetica es el crack (por decirlo de alguna forma) que nos permitira usar los Looks And Feel de Synthetica (son pagos). Los demás archivos .zip son los Look And Feel de Synthetica. Elijamos el que queramos y descomprimanlo. En nuestro caso usaremos Black Moon:
Debemos importar al proyecto el crack y el .jar del Look And Feel que deseamos usar. Para ello hacemos lo siguiente: en la pestaña Proyectos seleccionamos el item de nuestro proyecto llamado Bibliotecas. Damos click derecho en Bibliotecas> Agregar archivo JAR/Carpeta...
Aparecerá un cuadro de diálogo que nos permitirá buscar la ubicación de nuestros archivos .jar, necesarios para aplicar el Look And Feel que necesitamos. Debemos buscar la ubicación del archivo en nuestro sistema:
Cuando terminemos de importar nuestros archivos .jar, debemos tener algo parecido a esto:
4. Código Para Usar Looks And Feel.
Una vez tengamos en nuestro proyecto todas las librerias necesaria para usar Synthetica, podemos empezar a codificar para poder usarlas en nuestra aplicación. Pasamos, en nuestro IDE, a la vista de código o fuente. Una vez posicionados en el código agregamos los siguientes imports:
Ahora buscamos el método main de nuestro JFrame:
Y colocamos justo antes de la creación del hilo de nuestra aplicación el siguiente código:
El método estatico setLookAndFeel de la clase UIManager establece el Look And Feel de la aplicación. Le pasamos como parámetro el Look And Feel que deseamos usar y listo (esta encerrado en un try/catch porque arroja una excepción UnsupportedLookAndFeelException).
5. Prueba De La Aplicación.
Si seguimos correctamente los pasos anteriores llego la hora de probar si funciona. Corremos nuestra aplicación y tenemos: Escojan el Look And Feel de Synthetica que más les guste. Ahora, aparte de Synthetica existen otros Looks And Feel como:
Nimbus (NimbusLookAndFeel)
Metal (MetalLookAndFeel) - Look and Feel por defecto de Java
Windows Classic (WindowsClassicLookAndFeel)
Windows (WindowsLookAndFeel)
Moti(MotifLookAndFeel)
Todos estos Look And Feel vienen por defecto con el JDK de java.
Descarga aqui el codigo fuente de este proyecto. Espero les halla sido de gran ayuda este post.