Cuando se ejecuta una aplicación de escritorio en el Creador de Aplicaciones, aparece la barra de herramientas del Desarrollador en Tiempo de Ejecución en la parte inferior la página. Con ella podemos editar rápidamente la aplicación actual, ir a la página que actualmente se está ejecutando, ver el estado de sesión o cambiar los colores de la plantilla que estamos usando con la funcionalidad Acumulador de Temas entre otras cosas.
Image may be NSFW.
Clik here to view.
Rápidamente veamos los elementos que conforman la Barra de Herramientas del Desarrollador:
- Inicio: nos lleva a la página de inicio de Oracle Application Express.
- Aplicación 112: con ella accedemos a la página de inicio de la aplicación con la cual estamos trabajando.
- Editar Página 1: permite el acceso al diseñador de páginas correspondiente a la página que se está ejecutando.
- Sesión: nos muestra la información del estado de sesión de la página actual.
- Ver Depuración: recoge los informes de la depuración.
- Depurar: nos permite alternar la página entre depuración y sin modo de depuración.
- Mostrar Cuadrícula: cambia entre Mostrar Cuadrícula y Ocultar Cuadrícula. Esta opción solo se aplica si se utiliza un diseño de cuadrícula y la página tiene más de una columna.
- Edición Rápida: nos lleva al modo de edición rápida solo seleccionando el componente deseado para acceder instantáneamente a su Diseñador de Página.
- Acumulador de Temas (Theme Roller): nos permite personalizar fácil y rápidamente la apariencia de una aplicación con el selector de color y el establecimiento de valores.
El acumulador de Temas es una nueva funcionalidad de Apex 5.0 que nos permite cambiar fácilmente el color de nuestras plantillas cuando estamos usando el Tema Universal 42.
Cuando hacemos clic en la opción Theme Roller o Acumulador de Temas se abre el selector de colores.
Image may be NSFW.
Clik here to view.
Vamos a ver las secciones que trae esta nueva funcionalidad:
Image may be NSFW.
Clik here to view.
Style: hay dos estilos que vienen con APEX 5.0: el Vita (azul) y el Vita Slate (gris). Podemos ver que estamos usando actualmente el Vita y si cambiamos a Vita Slate veremos que cambia los colores a combinaciones de grises.
Image may be NSFW.
Clik here to view.
Color Wheel: cuando queremos cambiar los colores, una forma fácil de ver diferentes opciones es mediante el uso de la rueda de color. Se puede usar en dos modos: monocromo (2 puntos) y dual de dos colores (3 puntos).
Al cambiar un punto se va a asignar el otro punto a un color complementario. Si usamos la opción de 3 puntos se puede mover el tercer punto para jugar más con los colores.
Image may be NSFW.
Clik here to view.
Global Colors: si con la rueda de color no logramos lo que necesitamos, podemos personalizar los colores globales. Esos son los colores principales del tema Universal y se utiliza para indicar los colores a los diferentes componentes y éstos se pueden personalizar, por ejemplo, yo he cambiado los diferentes colores a colores muy vividos para que se note la diferencia en cada componente.
Image may be NSFW.
Clik here to view.
Containers: nos permite definir los componentes específicos. El icono de comprobación es decir el Check significa que el color es estándar y viene con el estilo seleccionado. Una "x" significa que el color fue cambiado y un "!" significa que el contraste no es la mejor opción de color.
Image may be NSFW.
Clik here to view.
De igual modo se visualiza en la sección Regions.
Y por último tenemos la sección de Custom CSS que nos permite crear nuestras propias reglas de estilos CSS.
Image may be NSFW.
Clik here to view.
Y todos los cambios podemos guardarlos y asignarle un nombre el Estilo del Tema.
Si no nos gusta como quedó la combinación de colores simplemente podemos resetear haciendo clic en el botón Reset que está en el costado del icono de lupa y volvemos a tener los colores del tema original.
La verdad es una gran característica el poder ver directamente los colores que asignamos a los distintos componentes en nuestra aplicación en APEX en ejecución y el hecho de contar con esta nueva funcionalidad hace que cambiar los colores ahora sea muy fácil de implementar.
Hasta pronto!!!
Image may be NSFW.Clik here to view.