Practica 4 Prog Av

Vista previa del material en texto

INSTITUTO TECNOLÓGICO DE LA LAGUNA 
Práctica 4 
 
 
 
 
 
PROGRAMACIÓN AVANZADA 
Ingeniería Mecatrónica Semestre 8 
Alumno(s): Christian Enrique González Robles No. Control: 19131206 
 
2 
 
 
INSTITUTO TECNOLÓGICO DE LA LAGUNA 
Programa 1 
Cree un nuevo proyecto que contendrá 3 etiquetas y 3 botones, las propiedades de texto de las 
etiquetas deberán establecerse como A, B y C respectivamente. Mientras que las propiedades de 
texto de las etiquetas (labels) deberán establecerse como 1, 2 y 3. Luego coloque el código 
necesario en los métodos de los botones, de manera que: 
• Al hacer clic en el botón 1, el texto de las etiquetas cambie a “SI” 
• Al hacer clic en el botón 2, el texto de los botones cambie a “NO” 
• Al hacer clic en el botón 3, el texto de los botones y etiquetas regrese a su valor original. 
 
Diseño de la GUI 
 
 
 
 
 
 
Script 
A grandes rasgos el desarrollo de este programa 
se dio dentro de los eventos de cada 1 de los 
botones. En el evento dado por el primer botón 
se asigna la tarea a dicho botón de que las 
etiquetas 1, 2 y 3 cambian su texto a Sí. 
En el evento del segundo botón de la misma 
manera se asigna que las etiquetas 1 dos y 3 su 
texto cambie a no. 
Y finalmente en el evento del botón 3 se asigna 
que las etiquetas 1,2 y 3 regresen a su estado 
original que era AB y C. 
GUI funcional 
 
 
 
3 
 
 
INSTITUTO TECNOLÓGICO DE LA LAGUNA 
Programa 2 
En este ejercicio se utilizará la propiedad Visible de un control, la cual puede establecerse 
como true o false. Por ejemplo, el siguiente código hace invisible la etiqueta label1: 
label1.Visible = false; 
Escriba un programa con dos botones y una etiqueta. Al hacer clic en un botón, la etiqueta 
deberá hacerse invisible y al hacer clic en el otro botón deberá hacerse visible de nuevo. 
 
Diseño de la GUI 
 
 
 
 
 
 
 
 
 
 
 
Script 
En este caso el programa es 
realmente sencillo debido a que 
simplemente en el evento del 
primer botón agregamos la 
instrucción para generar que la 
etiqueta deje de ser visible. 
Por otra parte, dentro del evento 
del segundo botón ingresamos a 
la instrucción que vuelve a dar 
visibilidad a la etiqueta 1. 
GUI funcional 
 
 
 
 
 
 
 
 
4 
 
 
INSTITUTO TECNOLÓGICO DE LA LAGUNA 
Programa 3 
Este programa implica el uso de la propiedad Image del control etiqueta (label); esta propiedad 
provoca que el control muestre una imagen. Para establecerla es necesario utilizar un archivo con 
extensión .jpg o .bmp. Escriba un programa con dos botones y una imagen en una etiqueta. Al hacer 
clic en un botón la imagen deberá desaparecer, y al hacer clic en el otro botón deberá desplegarse 
nuevamente. 
Diseño de la GUI 
 
 
 
 
 
 
 
Script 
De igual manera como en el ejemplo 
anterior, en el evento del primer botón 
agregamos la instrucción para generar que la 
etiqueta deje de ser visible. 
Por otra parte, dentro del evento del segundo 
botón ingresamos a la instrucción que vuelve 
a dar visibilidad a la etiqueta 1. 
En este caso en particular se hizo uso de la propiedad image dentro de la etiqueta, para así poder 
mostrar la imagen deseada en lugar de buscar mostrar un texto como tal y darle un nuevo uso al 
mismo recurso. Así como que dentro de las propiedades, en la categoría diseño, se optó por 
modificar el autosize a False, ya que con esto, fue posible redimensionar el tamaño de ña etiqueta 
según los requerimientos para mostrar la imagen de manera adecuada. 
GUI funcional 
 
 
 
 
 
 
 
5 
 
 
INSTITUTO TECNOLÓGICO DE LA LAGUNA 
Programa 4 
Este ejercicio involucra la creación de un editor de texto simple. Coloque un cuadro de texto en el 
formulario en el formulario y cambie su tamaño, de manera que ocupe casi todo el espacio 
disponible. De este control establezca la propiedad Multiline en true, y su propiedad ScrollBars en 
Both. Ejecute el programa y escriba algo de texto en el cuadro. Observe que si hace clic con el 
botón derecho del mouse podrá realizar operaciones como cortar y pegar. Abra un procesador de 
palabras y pegue texto de su editor en el procesador de palabras y viceversa. 
Diseño de la GUI 
 
 
 
 
 
 
 
 
 
 
Script 
En este caso en particular no hubo necesidad de desarrollar un script como tal, debido a que se 
trabajaría con las funciones implícitas del cuadro de texto sin mayor adición de líneas de código. Se 
estableció la propiedad Multiline en true, y la propiedad ScrollBars en Both, lo que permitiría que el 
cuadro de texto se le pudieron generar interlineados y una navegación libre entre sus líneas por 
medio del scroll que había sido habilitado. 
GUI funcional 
 
 
 
 
 
 
 
 
 
 
6 
 
 
INSTITUTO TECNOLÓGICO DE LA LAGUNA 
Programa 5 
Este ejercicio implica utilizar el evento MouseHover, el cual ocurre cuando el usuario coloca el 
puntero del ratón sobre un control durante unos cuantos segundos. Para crear un método que maneje 
este evento coloque un botón en el formulario y, en la parte superior del panel del editor de texto, 
seleccione button1 y MouseHover. A continuación, se creará el método para manejar el evento. 
Escriba un programa que muestre un cuadro de mensajes que contenga el mensaje de texto sobre el 
botón cuando el puntero del ratón se pose encima del mismo. 
Diseño de la GUI 
 
 
 
 
 
 
 
 
 
 
Script 
En este programa no se necesitó 
más que generar una línea de 
código que generara un Message 
box con el texto “Sobre el botón”, 
para que por medio del evento 
Mousehover del botón, se llamara 
a mostrar dicho mensaje, aún sin necesidad de siquiera tener que presionarlo, solamente con el 
hecho de tener que posicionarlo sobre él. 
GUI funcional 
 
 
 
 
 
 
 
 
 
 
 
7 
 
 
INSTITUTO TECNOLÓGICO DE LA LAGUNA 
Programa 6 
Para este programa se pide realizar una interfaz que vincule el valor de un scrollbar con una 
progressbar, para que muestre gráficamente su avance, además de que establezca rangos, los cuales 
hagan cambiar el color de la progressbar entre verde, amarillo, y rojo según el grado de avance que 
se le dé. 
Diseño de la GUI 
 
 
 
 
 
 
Script 
Para este programa dentro del evento del 
scrollbar, se hizo una asignación para que 
el valor del scrollbar fuera directamente 
proporcional al valor mostrado en la 
progressbar. 
Posteriormente por medio de algunos if, 
se generaron los valores de los rangos con 
los cuales se haría el cambio de color del 
progressbar. Por medio de la instrucción 
Forecolor, se le asignó al programa el 
trabajo de cambiar el color del fondo 
según en el rango en que se encontrara el 
valor del scrollbar, para generar así la 
“animación”. Cabe destacar que para poder hacer visbles los cambios dentro de la progressbar, fue 
necesario entrar al program.cs para eliminar una de las líneas que impedía el cambio del diseño de 
la progressbar, una vez inhabilitada esta línea, los cambios de color en la barra pudieron ser 
percibidos. 
GUI funcional