reporte_practica#2_visorsencillo+zoom

Instituto Tecnolgico Superior De Tamazunchale

Ingeniera En Sistemas Computacionales

Materia: Tpicos Avanzados De Programacin Docente: Ing. Ivn Hernndez Hernndez

Reporte (Practica #2 Visor De Imgenes Con Zoom)

Alumno: Sal Zuiga Crdenas No De Control: 13ISC023 Grupo: 4ISCM1

Tamazunchale, S.L.P., Febrero Del 2015

Contenido Datos Generales de la Prctica ....................................................................................................... 2

Introduccin .................................................................................................................................... 4

Objetivos ......................................................................................................................................... 4

Fundamento (Teora) ..................................................................................................................... 4

Procedimiento (Descripcin) ......................................................................................................... 6

Diseo ......................................................................................................................................... 6

Programacin ........................................................................................................................ 10

Resultados y Conclusiones ........................................................................................................... 14

Referencias .................................................................................................................................... 16

Datos Generales de la Prctica

CARRERA Ingeniera en Sistemas Computacionales

PLAN DE

ESTUDIO 2010

CLAVE MATERIA SCD-1027

NOMBRE

MATERIA Tpicos Avanzados de Programacin.

PRACTICA No 1

LABORATORIO DE Programacin Orientada a Objetos

NOMBRE DE LA

PRACTICA

Manejo de eventos utilizando formularios, botones,

etiquetas y cajas de texto.

DURACIN

(HORAS)

3

PRACTICA 1: Visor De Imgenes Sencillo

Introduccin En esta prctica seguiremos aplicando lo aprendido durante la unidad I, en la

cual usando el lenguaje de programacin C# aadiremos las funciones de

zoom+ y zoom-, al visor de imgenes que realizamos anteriormente, de esta

forma seguiremos trabajando con herramientas como botones, pictureBox,

adems de eventos y diversas instrucciones con las cuales aremos diversas

acciones usando imgenes.

Objetivos Aplicar los conceptos bsicos vistos en la unidad sobre los tipos de eventos y

sobre la generacin de los mismos y aadir al programa visor de imgenes las

funciones de zoom+ y zoom-

Fundamento

(Teora)

El alumno usara el manejo de eventos para resolver determinadas aplicaciones

como son los que se encargan de avisar que algo ha ocurrido y de manejarlo de

una forma o de otra. Un evento ocurre (se dispara) como resultado de la

interaccin del usuario con el objeto. Tambin puede dispararse debido a la

ejecucin de cdigo (sentencias) o como resultado de la interaccin de otro

objeto con el objeto de poseedor del evento. Para un formulario tenemos por

ejemplo; el evento Load que se dispara cuando se carga el formulario; o el evento

Clic para un botn de comando, se dispara cuando se hace clic sobre l. En esta

prctica utilizaremos el evento clic que utilizaremos para ejecutar nuestro

programa.

Procedimient

o

(Descripcin)

Equipo necesario Material de apoyo

Equipo de cmputo

Software Visual Basic 2010

Desarrollo de la prctica.

PRACTICA #2: Visor De Imgenes Con Zoom

Abrimos Microsoft Visual Studio y desde El men Archivo >> Abrir >>

Proyecto/Solucin seleccionamos el proyecto que realizamos en la prctica

anterior denominado visor de imgenes.

Diseo

Tomaremos el proyecto tal como est e iremos realizando algunas

modificaciones para las funciones que le agregaremos. Iniciremos por editar la

propiedad Size de nuestro formulario ahora tendr unas dimensiones de

1000,720.

Enseguida agregamos un nuevo tableLayoutPanel el cual tendr como

dimensiones (980,25) , una fila y tres columnas de tamaos (46%, 46%, 8%) esto

desde la propiedad collection.

Tambien ajustamos el tamao del table1 y el picture box. Los cuales tendrn

como medidas. (981, 610)

A la herramienta panel 2 le agregamos dos columnas para poner aqu los dos

botones para el zoom desde la propiedad columns ahora las primeras columnas

8 columnas tendrn como anchura 11.5% y las ultimas 4%.

Agregamos 3 herramientas label en el panel 2 y 2 botones una para aumentar

el zoom y otro para disminuirlo en el panel 2.

Modificaremos algunas propiedades de las herramientas que acabamos de

agregar.

Labels Label 1:

Name: Acciones

Text: Acciones

TextAlign: MidleCenter

BackColor: Transparent

Font: Chaparral Pro #12

Color: Black

Label 2:

Name: Ajustes De Imagen

Text: Ajustes De Imagen




Color: Black

Label 3:

Name: Zoom

Text: Zoom




Color: Black

Botones:

Boton1:

Name: CMDZoomMas

Text: +


BackColor: White


Color: Black

Boton2:

Name: CMDZoomMenos

Text: -


BackColor: White


Color: Black

Enseguida acomodamos los botones para obtener un aspecto como el de la

siguiente imagen.

Programacin

Para introducir el cdigo solo necesitamos dar doble click sobre el objeto o

herramienta deseada y el programa nos enviara directamente hasta la pantalla

del cdigo.

Agregamos 3 variables usando el siguiente cdigo:

System.Drawing.Size imagen;

int zoom;

bool aumento = false;

De esta manera inicializaremos nuestras variables las cuales usaremos al

momento de programar nuestros botones.

Boton +

Introduciremos el siguiente cdigo:

private void CMDZoomMas_Click(object sender, EventArgs e)

{

if (aumento == false)

{

zoom++;

if (zoom == 200)

{

aumento = true;

}

}

pictureBox1.Width = imagen.Width + (imagen.Width / 10) * zoom;

pictureBox1.Height = imagen.Height + (imagen.Height / 10) * zoom;

tableLayoutPanel1.Width = imagen.Width + (imagen.Width / 10) * zoom;

tableLayoutPanel1.Height = imagen.Height + (imagen.Height / 10) *

zoom;

}

Con estas instrucciones lograremos que al dar clic sobre nuestro se realice un

aumento tanto del picturebox que agregamos como de tabletlayoutpanel.

Botn -:

Introduciremos el siguiente cdigo:

private void CMDZoomMenos_Click(object sender, EventArgs e)

{

if (aumento == false)

{

zoom--;

if (zoom == 0)

{

aumento = false;

}

pictureBox1.Width = imagen.Width + (imagen.Width / 10) * zoom;

pictureBox1.Height = imagen.Height + (imagen.Height / 10) * zoom;

tableLayoutPanel1.Width = imagen.Width + (imagen.Width / 10) *

zoom;

tableLayoutPanel1.Height = imagen.Height + (imagen.Height / 10) *

zoom;

}

}

Con estas instrucciones lograremos que al dar clic sobre nuestro se realice un

aumento tanto del picturebox que agregamos como de tabletlayoutpanel.

De esta manera termina esta prctica.

Resultados y

Conclusiones

Con la elaboracin de esta prctica he comprendido el entorno del programa

visual estudio la forma en que est organizado entre secciones como son el rea

de trabajo, la barra de herramientas, propiedades y los diversos mens con los

que cuenta, adems de esto he aprendido como se realicen diferentes llamados

mediante cuadros de dilogos, y como asignar eventos mediante el uso de

botones para que de esta manera se realice una tarea en particular.

En general esta prctica ha sido de gran aprendizaje con conceptos bsicos que

a medida de que avanza el curso se seguirn aplicando junto con los nuevos

aprendizajes que se seguirn generando.

Anexos

Ejecucin del programa.

Botn Zoom +

Boton Zoom -

Referencias

reporte_practica#2_visorsencillo+zoom

Documents