separator separator

Hacer Skins

Una característica importante es la posibilidad de diseñar skins para luego ser usados con el control vbSkinner.

Para diseñar sus propios skins puede hacerlo de dos maneras, partiendo de un archivo de skin y modificarlo, o directamente crear uno nuevo.

Un archivo de skin tiene el aspecto siguiente:

Ud. puede copiar esta imagen y modificarla respetando las dimensiones y posición de los botones y las partes correspondientes a la barra de títulos y cuerpo.

Puede darle el aspecto a los botones que desee, además puede darle forma a los bordes, ya que dispone de un color que luego será transparente.

En la siguientes ilustraciones verá una descripción de las partes que componen la imagen y se usan para definir el skin:

1: parte izquierda de la barra de títulos, es la esquina superior izquierda del formulario.
2: parte media de la barra de títulos, esta imagen se estira según el largo del formulario, no se permite transparencia en esta parte.
3: parte derecha de la barra de títulos, es la esquina superior derecha del formulario.
4: cuadro con el color que define el color del texto en la barra de títulos
5: cuadro que define el color del texto en el cuerpo del formulario, que corresponde al cambio que vbSkinner realiza automáticamente en la propiedad ForeColor de los controles, siempre y cuando la propiedad ChangeControlsForeColor esté establecida a True.
6: cuadro que define el color que se considerará transparente. Tener un color transparente sirve para darle una redondez a las esquinas del formulario. Las transparencias son sólo válidas en las secciones 1, 3, 8, 10, 13 y 15; todas las demás secciones no admiten transparencias.
7: cuadro que define el color del cuerpo del formulario, correspondiente al cambio que se efectúa en la propiedad BackColor del mismo.
8: parte superior izquierda de un formulario cuando no se muestra la barra de títulos. Esto ocurre cuando la propiedad BorderStyle está establecida a 0 o cuando las propiedades ControlBox es False y Caption = ""
9: parte media superior del formulario cuando no se muestra la barra de títulos
10: parte superior derecha de un formulario cuando no se muestra la barra de títulos.
11: lado izquierdo del formulario
12: lado derecho del formulario
13: esquina inferior izquierda del formulario, admite color de transparencia.
14: parte inferior media del formulario.
15:  esquina inferior derecha del formulario, admite color de transparencia.

a: botón cerrar
b: botón cerrar presionado
c: botón cerrar deshabilitado
d: botón restaurar
e: botón restaurar presionado
f: botón restaurar deshabilitado
g: botón maximizar
h: botón maximizar presionado
i: botón maximizar deshabilitado
j: botón minimizar
k: botón minimizar presionado
l: botón minimizar deshabilitado
m: botón minimizar a la barra de títulos
n: botón minimizar a la barra de títulos presionado
o: botón minimizar a la barra de títulos deshabilitado
p: botón restaurar desde la barra de títulos
q: botón restaurar desde la barra de títulos presionado
r: botón siempre visible
s: botón siempre visible presionado
t: botón cambiar skin
u: botón cambiar skin presionado
v: botón personal
w: botón personal presionado
x: botón ayuda
y: botón ayuda presionado

Podrá observar que debido al funcionamiento hay algunos botones que no necesitan de una imagen para el estado deshabilitado ya que éste nunca se presenta.

Tamaño y posición

La imagen de skin es un mapa de bits de 207 píxeles de ancho por 52 de alto. El tamaño de las partes que la componen es el siguiente:

Secciones 1, 2 y 3 correspondientes a la barra de títulos: 18 de ancho por 30 de alto.
Secciones 8, 12, 13 y 15 correspondientes a las esquinas del cuerpo del formulario: 14 de ancho por 14 de alto
Secciones 11 y 12 correspondientes a los lados del cuerpo del formulario: 9 de ancho por 19 de alto.
Secciones 9 y 14 correspondientes a los lados arriba y abajo del formulario: 19 de ancho por 9 de alto, siempre en píxeles.
Los cuadrados correspondientes a los botones son de 13 de ancho por 13 de alto.

Las posiciones también deben respetarse, ya que vbSkinner lee las diferentes partes desde la imagen y espera que estén en la posición correspondiente a cada una, así como el tamaño.

Conclusión:

Puede trabajar los archivos de skins con un editor de imágenes, y luego incluirlos en el archivo de instalación de su proyecto para hacérselos disponibles al usuario, como así también indicarle al usuario que puede hacer lo propio y diseñarlos a su gusto.

Vea el tema relacionado: Cambiar de skins

separador

Vea también: Cambiar de skins
SkinPicture (propiedad)

separador

Controles ActiveX para Visual Basic 6 - Página de inicioPágina principal de ayuda de vbSkinner Inicio   Volver atrás Atrás