9
ContainersEsta categoría se encuentran todos aquellos controles que sirven para contener otros controles.
Icono Nombre Prefijo Descripción
FlowLayoutPanel flp
Es un contenedor de controles que no permite la modificación de la posición del control.
GroupBox gpb
Agrupa un conjunto de controles (tales como botones de opción) en un marco con etiqueta.
Panel pnl
Agrupa un conjunto de controles en un marco sin etiqueta que permite el desplazamiento.
SplitContainer spc
Es un contenedor de controles con dos paneles, en donde se puede insertar cualquier tipo de control.
TabControl tbc
Proporciona una página con fichas para organizar y tener acceso a controles agrupados de forma eficiente.
TableLayoutPanel tlp
Es un organizador de controles, ya que podemos añadir filas o columnas para control que queramos.
Data
Como se van a dar cuenta, cada control tiene su icono, nombre, prefijo y su descripción.
Icono Nombre Prefijo Descripción
BindingNavigator bgn
Este control nos permite la navegación de datos, conectada a una base de datos.
BindingSource bgs
Este control nos permite la conexión y la navegación de datos, de una base de datos.
DataGripView dgv Nos permite visualizar los datos de una tabla o de una base de datos.
DataSet dts Nos permite la creación y la conexión de una base de datos.
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
10
DialogComo se van a dar cuenta, cada control tiene su icono, nombre, prefijo y su descripción.
Icono Nombre Prefijo Descripción
ColorDialog cdg
Muestra el cuadro de diálogo de selección de colore, que permite que los usuarios seleccionen el color de un elemento de la interfaz.
FolderBrowserDialog fbd
Muestra un cuadro de diálogo que permite buscar o una carpeta de destino.
FontDialog fdg
Muestra un cuadro de diálogo que permite que los usuarios establezcan una fuente y sus atributos.
OpenFileDialog ofd
Muestra un cuadro de dialogo que permite que los usuarios se desplacen hasta un archivo y lo seleccionen.
SaveFileDialog sfd
Muestra un cuadro de dialogo que permite que los usuarios guarden un archivo.
Menus & ToolBars
Como se van a dar cuenta, cada control tiene su icono, nombre, prefijo y su descripción.
Icono Nombre Prefijo Descripción
ContextMenuStrip cms
Implementa un menú que aparece cuando el usuario hace clic en un objeto con el botón secundario del Mouse.
MenuStrip mnu Proporciona una interfaz en tiempo
de diseño para la creación de menús.
StatusStrip sts
Muestra información acerca del estado actual de la aplicación mediante una ventana con marco, habitualmente en parte inferior de un formulario.
ToolStrip tls Contiene una colección de botones,
combos, etiquetas, etc.
ToolStripContainer tsc Muestra una interfaz de botones con menú.
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
11
Propiedades:Ahora veremos algunas propiedad mas comunes que tienen los controles, solo tocaremos lo que no hemos mencionado, ya que casi todos los controles y formularios tienen las mismas propiedades.
Propiedad Descripción
AccessKey
Obtiene o establece la clave de acceso (la letra subrayada) que permite desplazarse rápidamente al control de servidor Web.
Anchor Establece la alineación del control con respecto a un
objeto, cuando se maximiza o minimiza.
Attributes
Obtiene la colección de atributos arbitrarios (sólo para procesar) que no corresponden a propiedades del control.
BorderColor Obtiene o establece el color de borde del control
Web.
BorderStyle Obtiene o establece el estilo del borde del control.
BorderWidth Obtiene o establece el ancho del borde del control.
FlatStyle
Determina el comportamiento del control, cuando es pasado el Mouse o cuando hacen clic en el control.
Image Estable la imagen que contendrá el control.
ImageAlign Establece la alineación de la imagen.
TextAlign Establece la alineación del texto del control.
ToolTip
Se activa cuando el objeto TooTip esta en el diseño del formulario, normalmente contiene una pequeña información del control.
Métodos
Los métodos son casi los mismos que tiene el formulario, así que conforme vamos avanzando veremos uno que otro método propio de cada control.
Eventos
Los eventos también son muy parecidos a los eventos del formulario, solo tocaremos algunos eventos propios de cada control, conforme avancemos.
Ahora veremos unos cuantos ejemplos usando primero un Label, TextBox, Button.
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
12
Ejercicios
61. En esta aplicación usaremos tres Label (etiquetas), cambiándoles algunas propiedades.
Primero crearemos un nuevo proyecto con el nombre de Ejercicio61, para este ejercicio todavía no alteraremos ningún nombre de los controles, solo cambiaremos las propiedades de algunos controles y pondremos en la propiedad de texto de cada Label, el texto que se muestra en la imagen.
Control Label1
Propiedad Descripción
Font Verdana, Normal 20 pt Control Label2
Propiedad Descripción
AutoSize False BorderStyle Fixed3D
Font Verdana, Negrita 10 pt TextAlign MiddleCenter
Control Label3
Propiedad Descripción
Font Verdana, Negrita Subrayada 8 pt
Label1
Label2
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
13
Eso es todo con respecto a nuestra primera aplicación, no se olviden que para poner un control primero daremos clic sobre el control en la barra de herramientas y haremos clic en el formulario ó podemos hacer doble clic en el control de la barra de herramientas.
Para ejecutar el programa presionaremos la tecla F5 o daremos clic en el botón Star Debugging, que ya lo conocen, por que es el mismo que se usa para ejecutar las aplicaciones de consola.
62. Ahora en este ejercicio usaremos dos tipos de controles uno es el Label y el otro es el TextBox.
Control Label1
Propiedad Descripción
AutoSize False BorderStyle Fixed3D
Font Microsoft Sans Serif, Negrita 9 pt TextAlign MiddleCenter Label1 TextBox1 TextBox2 TextBox3 TextBox4 TextBox5 Label6 Label5 Label4 Label3 Label2
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
14
Control TextBox5
Propiedad Descripción
Multiline True ScrollBars Vertical
Estos dos controles son los únicos al que le cambiaremos las propiedades. La propiedad de Multiline del control TextBox nos permite que podamos ingresar una cantidad considerable de caracteres y la propiedad ScrollBars nos mostrara una barra de desplazamiento sobre el control.
63. bueno esta aplicación les dejo para que practiquen un poco, recuerden que las aplicaciones de ventanas son para mejorar la calidad de diseño de otras aplicaciones con lo son las de consola.
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
15
64. En este ejercicio aprenderemos a usar algunas propiedades que es de importancia en el control del TextBox.
Características:
En el ciclo solo debe ingresar hasta 03 caracteres. El sexo solo un carácter.
En la clave hasta 05 caracteres y no se debe de visualizar a media que ingrese.
No se debe permitir el ingreso en la dirección electrónica.
Control TextBox2 Propiedad Descripción MaxLength 3 Control TextBox3 Propiedad Descripción MaxLength 1 Control TextBox4 Propiedad Descripción MaxLength 5 PasswordChar * TextBox1 TextBox2 TextBox3 TextBox5 Label6 Label5 Label4 Label3 Label2 Label1 TextBox4
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
16
Control TextBox5
Propiedad Descripción
ReadOnly True
Ahora ejecuten el programa y listo. La propiedad MaxLength nos permite que especifiquemos que cantidad de caracteres va a contener el control mientras que la propiedad PasswordChar nos indica mediante que carácter va a ser reemplazado el carácter que ingresemos.
65. Este ejercicio es muy parecido al ejercicio número 62, le añadiremos solos dos controles mas, que son el Button y el ToolTip.
Recuerda que tienes que poner en la propiedad de Text de cada control el texto que se muestra en ellos en la figura.
TextBox1 TextBox2 TextBox3 TextBox4 TextBox5 Button2 Button1
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
17
Control Button1
Propiedad Descripción
ToolTip on ToolTip1 Adiciona un Nuevo Alumno
Control Button2
Propiedad Descripción
ToolTip on ToolTip1 Finaliza la Aplicación
Como se darán cuenta al añadir un ToolTip este aparece en la parte inferior como en la figura de abajo, esto sucede por que es un objeto, la propiedad ToolTip del control Button siempre va a aparecer acompañado del nombre que le pongamos a nuestro TooTip.
Ahora veremos nuestra pequeña codificación que tendrán los botones.
Button1 (Evento Cick)
Para entrar a este evento solo basta darle doble clic en el botón y aparecerá la siguiente ventana.
Así que escribiremos el siguiente código dentro del procedimiento.
Me.TextBox1.Text = "" Me.TextBox2.Text = "" Me.TextBox3.Text = "" Me.TextBox4.Text = "" Me.TextBox5.Text = "" Me.TextBox1.Focus()
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
18
Como ustedes saben que la propiedad Text del control, nos muestra el texto que queramos así que al ponerle dos comillas, se interpreta que no va a tener ningún texto, pero si queremos que se muestre un texto lo haremos también entre comillas.
Mientras tanto el método Focus del control, nos indica que el foco ósea el cursor se va a ubicar en el control TextBox1.
Button2 (Evento Cick)
Me.Close()
Como se darán cuenta escribo Me.Close, el Me nos indica el objeto actual, que es el formulario y close es un método de este objeto que tiene por función cerrar el formulario, por ejemplo si olvidamos el nombre de un control, basta que pongamos Me. y seguido el prefijo del control y nos será mas útil de encontrar el nombre del control, es por eso que se dice que estas dos ultimas versiones de VB .Net están orientadas a objetos.
66. En este ejercicio aprenderemos a alterar propiedades de controles en tiempo de ejecución.
Button1 (Evento Cick)
Me.Label1.Text = "Joel Martin Chuco Marrufo" Button2 (Evento Cick)
Me.Label1.Text = "Yo Estudie en el Instituto Superior Tecnológico Argentina" Button3 (Evento Cick)
Me.Label1.Text = "Naci el 15 de septiembre de 1984" Label1
Button2 Button1
Button3
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
19
Button4 (Evento Cick)Me.Close()
67. En este ejercicio aprenderemos ya a ponerle nombre a cada control, en la propiedad Name de cada uno de ellos como se muestra en la figura.
btnNuevo (Evento Cick)
Me.txtNombre.Text = ""
Me.txtFecNac.Text = ""
Me.txtDNI.Text = ""
Me.txtDomAct.Text = ""
Me.txtNombre.Focus()
btnSalir (Evento Cick)
Me.Close() txtNombre txtFecNac txtDNI txtDomAct btnSalir btnNuevo
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
20
68. Bueno con este ejercicio veremos la diferencia entre una Variable de tipo Dim y otra de tipo Static, si no les quedo claro en la explicación de las entregas anteriores.
btnIncrementa (Evento Cick)
Dim A AsInteger Static B AsInteger A = A + 1 B = B + 1 Me.lblValA.Text = CStr(A) Me.lblValB.Text = B.ToString
Como ven en el ejercicio cada vez que damos clic en el botón el valor de A siempre va a ser 1, en cambio en el valor de B aumenta de 1 en 1, esto se debe a que B es una variable de tipo Static, mejor dicho es una variable que va a almacenar su valor anterior, en caso contrario la variable A, no va a almacenar ningún valor anterior, ya que es declarada cada vez que presionamos el botón y se le asigna el mismo valor de 1.
También se darán cuenta que uso dos formas de convertir el número a cadena como es el CStr o el .ToString, cualquiera de las dos es válida, pero la de CStr pertenece a las versiones anteriores del Visual Basic, en cambio el .ToString pertenece a las versiones .Net del Visual Basic.
lblValA
lblValB
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
21
69. En este ejercicio veremos una variable a nivel de procedimiento.
Primero veremos el siguiente código, asé copien el código tal como esta y ejecútenlo y vean lo que pasa.
btnProcA (Evento Cick)
Dim N AsInteger
N = 5
Me.lblVariable.Text = N.ToString N = 10
btnProcB (Evento Cick)
Me.lblVariable.Text = N.ToString
Como se darán cuenta en el procedimiento btnProcB la letra N aparece con una raya azul más o menos como en la imagen.
Esto sucede por que la variable N que declaramos en el procedimiento btnProcA es solo para ese procedimiento y no se puede utilizar en otro procedimiento.
btnProcA
lblVariable
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
22
Y cuando tratamos de ejecutar nos aparecerá la siguiente ventana.
Para ver el error daremos clic en No y luego nos ubicaremos en la ventana de Error List, en donde nos mostrar cual es el error.
Aquí nos indica en línea y en que columna se ubica el error, y si hubiera más proyectos en la solución, también nos indica en que proyecta esta el error. Esta explicación lo hago para que a la hora en que ejecuten sus aplicaciones sepan en donde se ubica el error, la solución a este error seria la siguiente codificación.
Declararíamos la variable N a nivel del formulario como se muestra en la figura.
Y luego el código en los botones seria lo siguiente.
btnProcA (Evento Cick)
N = 5
Me.lblVariable.Text = N.ToString N = 10
btnProcB (Evento Cick)
Lenguaje de Programación – Capitulo X
Programando con Visual Basic 2005
Joel Martin Chuco Marrufo
23
70. En este ejercicio aprenderemos ya a cambiar y realizar un poco de codificación para los siguientes botones y realización de cálculo, también usaremos un procedimientos, casi todo lo que hemos aprendido en las entregas anteriores.
Características
Se debe de ingresar el nombre de un trabajador, las horas normales que ha trabajado, las horas extras, el pago por cada hora normal y extra. Al hacer un clic en el botón calcular, se deberá calcular y mostrar el total por las horas normales, el total por las horas extras, el subtotal, un descuento del 10% del subtotal y el total que se le debe pagar.
btnCalcular txtHE txtPHN txtNombre txtHTN txtTotal txtTHN btnNuevo btnSalir txtPHE txtDesc txtSubTotal txtTHE