skin y skin-family

Resumen: Este artículo está orientado a mostrar los skins que ofrece ADF 10g. En el próximo artículo veremos su evolución en ADF 11g.

ADF Faces ofrece una serie de skins que se pueden utilizar "tal cual" en las aplicaciones que vayamos a realizar.
Aparte de este enfoque del uso "tal cual", de un skin, también lo podemos ver como el punto de partida para nuestra personalización.
Habrá proyectos en los cuales el skin nos guste tal como nos lo ofrece ADF Faces, o bien le podemos cambiar algunos colores, o iconos, de manera que se acerque más al diseño que nos queremos para nuestra aplicación.

Pensemos en la potencia que tiene esto, y es que podemos cambiar todo el aspecto de nuestra aplicación, por grande que sea, con tan solo cambiar el skin. Por lo que es importante tener encuenta cómo hacemos las páginas, los componentes que utilicemos, para que cuando vayamos a crear un skin, podamos tenerlo fácil tanto en el momento del mantenimiento como de la aplicación de un nuevo diseño.

En este artículo vamos a ver dónde se encuentra el fichero que contiene ese skin en funcionamiento, y también el aspecto de nuestra aplicación con estos skins.

En 10g, el skin en uso lo encontraremos en el fichero: adf-faces-config.xml.

Los skins, o los nombres de los skins que tenemos disponibles son:
Oracle (oracle), Minimal (minimal), and Simple (simple).

A continuación veremos el aspecto de nuestra aplicación dependiendo del skin que se esté utilizando.

Nota: Cada vez que se cambie el skin, es preciso cambiar y ejecutar de nuevo la aplicación.

Skin Oracle

vista adf-faces-config.xml

vista resultado skin oracle

Skin Minimal

adf-faces-config.xml skin minimal

vista resultado skin minimal

Skin Simple

adf-faces-config.xml skin Simple

vista resultado skin simple

En el próximo post se mostrarán los skins que nos ofrece ADF 11g, para que se pueda ver su evolución, tanto a nivel estético como de opciones.

Referencias: Si quieres saber más sobre skins, puedes leer el artículo
http://www.oracle.com/technetwork/developer-tools/jdev/index-092146.html

Si te ha gustado este artículo, puedes seguir el blog por Blogger o Twitter @ADFSalvaje