Cuadro de herramientas y Controles

El cuadro de herramientas, contiene los controles que utilizamos para desarrollar la interfaz y por lo general está en el lado Izquierdo del IDE

Definición de Control:

Los controles son objetos y los objetos son combinaciones de datos y códigos que se tratan como una unidad.

Ejemplos de controles:

Todos los objetos que están en el cuadro de herramientas son controles, tales como: El formulario, Label, Button, TextBox, PictureBox, Timer, etc.

Propiedades, Métodos y Eventos:

Todos los controles tienen las siguientes características:

  1. Propiedades: Definen sus características como color, tamaño, posición, nombre, etc.
  2. Métodos: Son un conjunto de procedimientos que hacen posible que un control  realice una acción.

Ejemplo de métodos son: el método Show y el método Hide que hacen que un control se haga visible y se esconda según el método instanciado o llamado.

  1. Eventos: Son acciones reconocidas por un control y que hace que este genere una respuesta.

Ejemplo de Eventos son: Evento clic en un botón; hace que este retorne una respuestasegún se haya programado, como cerrar un formulario o mostrar un mensaje. Evento Mouse Enter en un Label puede hacer que se muestre un mensaje cuando el puntero del mouse llega al control.

El formulario tiene más de 80 eventos a los cuales puede responder.

Los objetos son los elementos que colocaremos en el formulario y este en sí, es también un objeto. En la imagen siguiente puede ver muchos ejemplos de controles en el cuadro de herramientas y que utilizaremos para desarrollar nuestros proyectos. 

200

Como recordará el Cuadro de herramientas se encuentra en el lado izquierdo del IDE  y si no lo visualiza es por que no está activo, en este caso, búsquelo en el menú VER---------à OTRAS VENTANAS---------àCUADRO DE HERRAMIENTAS.

Otra forma más sencilla de activar el cuadro de herramientas, es usando ALT+CONTROL+X

En el cuadro de herramientas, los controles están ordenados en categorías para facilitar su localización.

Controles creados por código.

Usted puede crear controles sin usar el cuadro de herramientas, sino, usando código.

También se puede crear el formulario usando código y se muestra como se hace en el capítulo dedicado a él.

Ejercicio: Crear un Label, un TextBox y un Botón usando código.

La intensión de este ejercicio es que el lector conozca la sintaxis que se usa para crear controles por código por lo que debe analizar cada fragmento del  código para poder entender el porqué de las instrucciones.

También debe tomar en cuenta que las propiedades de cada control son bastantes, por lo que debe seguir experimentando e  intentando crear otros controles y a la vez definir otras propiedades, guiándose por las que aparecen en la ventana propiedades.

  • Cree un nuevo Proyecto con el nombre: Controles Creados por código.
  • No debe agregar ni un control  en el formulario que se muestra, por que estos serán creados por código.
  • Dé doble clic en el formulario para abrir el editor de código y escriba las siguientes instrucciones.

Pero espere un momento, por que yo creo que usted esta preocupado o preocupada con tanto código que tiene que escribir, no se asuste,  que lo que pasa es que en esta captura de pantalla aparece un montón de instrucciones (letra  color verde  y precedidas de una comilla simple.) para ayudar al lector o lectora a entender el código, pero que usted puede omitir y no escribirlo. Más abajo aparece el código sin los comentarios.

201
202
203
204
205

 

El código sin los comentarios queda así:

206

Dim LblClon As New Label

Dim BtnXcodigo As New Button

Dim TxtBoxCodigo As New TextBox

 LblClon.Text = " ¡Hola! soy un formulario creado por código"

LblClon.Location = New Point(25, 27)

LblClon.AutoSize = True

 Me.Controls.Add(LblClon)

 BtnXcodigo.Text = "Hola, soy un botón creado por código"

BtnXcodigo.Location = New Point(50, 60)

BtnXcodigo.AutoSize = True

Me.Controls.Add(BtnXcodigo)

TxtBoxCodigo.Text = "Hola yo soy un TextBox creado por código"

TxtBoxCodigo.Location = New Point(10, 200)

TxtBoxCodigo.AutoSize = True

TxtBoxCodigo.Width = 250

TxtBoxCodigo.Height = 400

TxtBoxCodigo.BackColor = Color.Yellow

TxtBoxCodigo.ForeColor = Color.Red

TxtBoxCodigo.BorderStyle = BorderStyle.Fixed3D

TxtBoxCodigo.TextAlign = HorizontalAlignment.Center

Me.Controls.Add(TxtBoxCodigo)

 End Sub

End Class

 Ejecute la aplicación pulsando el menú Play o presionando F5 

207
  • Dé clic en el Submenú Guardar todo del Menú Archivo para guardar el proyecto, luego el programa le da la oportunidad de modificar el nombre o dejarlo como está y por último dé clic en Aceptar.
¿Te gustó? Pues comparte ;-)
Conoce al autor
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 600px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame