jueves, 18 de febrero de 2010

P1E7 – Image + ScrollBar

Este ejercicio implica el uso del Scrollbar y el control Image.

La tarea es redimensionar (modificar ancho y alto) la imagen conforme se hace clic en los scrollbar.

 

Pasos para la construcción de éste formulario:

1. Coloca las propiedades que correspondan al formulario, junto con sus valores.

2. Arrastra ahora un Control Image con las siguientes propiedades (los valores pueden variar de acuerdo a tu diseño):

Nombre imgFlores (prefijo img)
BorderStyle FixedSingle
Stretch True (ajusta la imagen al tamaño del control Image)
Picture La imagen que elijas
Left 0
Top 0
Width 720 (el valor depende de tu imagen)
Height 720 (el valor depende de tu imagen)

Esta puede ser la primera imagen, con el avance hasta aquí:

image

3. Procedemos ahora a colocar los Scrollbar con sus valores correspondientes de: Nombre, Min, Max, LargeChange, SmallChange.

image

Recuerda que en ambos casos los valores de Min deben corresponder con los valores iniciales del Control Image.

Para el caso los valores de Max no deben exceder el área negra.

El producto final podría apreciarse:

image image

 
 
image

Es importante que los valores máximos de Scrollbar impidan la deformación final de la imagen.

Es muy importante los valores que asignes a SmallChange y LargeChange, puedes utilizar 10 y 100 respectivamente.

Para  cualquier duda no dudes en consultarlo.

Créditos: lemm