:::: MENU ::::
  • Desarrollo Web - Responsive Design

  • Easy to Customize

  • Customizable fonts.

domingo, 12 de mayo de 2013

Hola amigos, antes de empezar con esta entrega haremos un pequeño recuento para ver todo lo que hemos aprendido hasta este punto de lo que llevamos del curso.
  • Conceptos básicos como : ¿que es vb.NET?, como declarar una variable, niveles de declaraciones de variables y los tipos de datos en variables (entrega 2)
  • Como utilizar la herramienta msgbox (sintaxis)
  • Cambiar propiedades de los botones, labels (etiquetas) y del form (interface)
  • Hemos realizado dos proyectos de como utilizar el msgbox de distinta manera lo puedes consultar en la 3ra y 4ta entrega.
Ahora empecemos con nuestra entrega, en esta ocasión vamos a ver algunas propiedades que le podemos asignar a una imagen en vb.NET. Vamos a crear un nuevo proyecto de windows form con el nombre que ustedes deseen ponerle. 

Entonces empesaremos a crear nuestra interface, añadiremos una imagen con la herramienta de PictureBox, la colocamos en la parte superior derecha con un tamaño que ustedes consideren adecuado. 
Para agregar la imagen ubicaremos la flecha que esta en el recuadro que se agrego en el form y daremos clic en añadir imagen. 


Ya que tenemos seleccionada nuestra imagen, ahora vamos a agregar 5 botones ubicados de la parte izquierda de tu form, editamos la propiedad text por los siguientes...
  1. Border Style
  2. SizeMode
  3. Visible
  4. Reset
Cada botón realizara cambios en nuestra imagen con Border style notaremos un pequeño cambio en nuestra imagen (en los bordes) dependiendo de que tipo elegimos, contamos con varias opciones que ya veremos un poco mas adelante. Con el botón sizeMode cambiaremos el tamaño de nuestra imagen también contamos con varias opciones. El botón de visible como su nombre lo dice, ocultara de la vista la imagen. El botón Reset devolverá la imagen a su estado original borrando todos los cambios realizados.


Ahora empezaremos con insertar el codigo a cada uno de nuestros botones para eso damos doble clic cobre ellos. Empezaremos con el border style.

El codigo que debemos escribir es el siguiente:


Como pudiste observar en la ultima parte del código (BorderStyle.Fixed3D) contamos con varias opciones en esta ocasión elegiremos Fixed3D tu puedes escoger el que gustes esto se trata de ir viendo todos nuestros recursos así que te recomiendo que intentes con todos para que vallas viendo los cambios que le causara a una imagen.

Botón SizeMode damos doble clic y añadimos el siguiente código:


En esta ocasión también contamos con varias opciones yo elegí StretchImage tu prueba con cada una de ella para que observes los cambios que realiza cada una .

Botón Visible el código es el siguiente:


En este código solo estamos indicando que el PictureBox1 que esta de manera visible (.visible) lo pondrá en false de manera que  se ocultara.

Ahora vamos con el botón Reset, Este botón debe restaurar por así decirlo nuestra imagen así que en el debemos añadir instrucciones de los tres botones anteriores para poder dejar nuestra imagen como en un principio.

Para revertir los cambios realizados con el botón de BorderStyle es muy fácil nosotros agregamos el efecto .Fixed3D entonces ahora en nuestro botón agregamos la opción ".None".

Para revertir los cambios realizados por el botón de SizeMode debemos poner lo contrario a la instrucción utilizada, en este caso utilizamos la de .StrechImage entonces ahora la pondremos de modo .Normal

Para el botón de Visible es muy fácil solo que hay que usar un poco de lógica, si lo que hicimos con ese botón es poner el PictureBox1 en forma Visible = false entonces ahora la cambiaremos el false por un True para que nos vuelva a mostrar la imagen.


Como no puedo mostrarles el programa en funcionamiento confió en que hallan seguido al pie de la letra estas instrucciones jeje juega con las opciones ya antes mencionadas tanto como SizeMode y BorderStyle para que te vallas relacionando con lo que puedes hacer con este programa ... Si tienes alguna duda déjame un comentario y trataremos de orientarte.

Esto es todo por hoy, la próxima entrega haremos ya algo mas complejo comenzaremos a utlizar variables y  la función if, por si quieres adelantarte e investigar un poco mas sobre esto.  Espéralo!

Déjame tus comentarios son muy importantes, para saber si les esta gustando este curso  ok . HASTA LUEGO.



0 comentarios:

Publicar un comentario

¿Necesitas una pagina web? Contáctanos