Embed Size (px)
Citation preview
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Visual BasicListas
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
ListasListas
Continuemos programandoSeguiremos agregando algunos
Controles Comunes, nuevos– veremos las Listas (ListBox)
Primero ejecutaremos el Visual Studio
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
ListasListas
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
ListasListas
Crear un nuevo proyecto
– Menú Archivo• Nuevo proyecto…
Otra opción
– Barra de herramientas
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
ListasListas
Primero Segundo
Nombredel nuevoProyecto
Listas
Listas
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
ListasListas
● Al crear un nuevo proyecto del tipo Windows Form se crea automáticamente un formulario por defecto de nombre Form1.
● En este formulario vamos a diseñar nuestra interfaz.
● Del cuadro de herramientas vamos a utilizar los siguientes controles comunes:● Una etiqueta● Un cuadro de texto ● Tres botones ● Una lista
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
ListasListas
● Cada control común es un objeto.● Cada uno tendrá sus:
● Propiedades● Métodos● Eventos
● Todo control común tiene una propiedad básica. Su nombre.● Esta propiedad identifica a un objeto del conjunto de objetos de un
formulario.● Por convención se utiliza un prefijo común para todos los objetos del
mismo tipo● Botones - btn : btnAgregar● Cajas de Texto - txt : txtElemento● Listas - lbx : lbxLista
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
Caja de texto (TextBox)Propiedades
(name): txtElemento
Botón (Button)Propiedades
(name): btnAgregarText: Agregar
Botón (Button)Propiedades
(name): btnQuitarText: Quitar
Lista (ListBox)Propiedades
(name): lbxLista Botón (Button)Propiedades
(name): btnVaciarText: Vaciar
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
Etiqueta (Label)El nombre de esta etiqueta no es
necesario cambiarlo porque no vamos utilizarlo o mencionarlo en el código,
solo es parte del diseño.Cambiaremos la propiedad Text para que
se ajuste al ejemplo solamente.
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - CódigoListas - Código
Para abrir la pestaña de código asociada a un formulario existen varias formas. La más sencilla es realizar un doble-clic sobre el formulario o sobre un control común.En este caso haremos doble-clic sobre el botón btnAgregar
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - CódigoListas - Código
● Al presionar el botón Agregar, vamos a ingresar un nuevo elemento a la lista de elementos que contiene la lista (ListBox)
● El nuevo elemento es el texto ingresado en la caja de texto (txtElemento)● Items: es la colección de elementos que contiene la lista
● Add: es un método que agrega un nuevo elemento a la colección de elementos● Entre paréntisis se indica el valor del nuevo elemento
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - EjecuciónListas - Ejecución
● Al ejecutar la aplicación se muestra nuestro formulario.
● Al presionar el botón Agregar● el texto ingresado en la caja de texto
se agrega a la lista (ListBox).● Los nuevos elementos se agregan al final
de la lista
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
● Se pueden agregar elementos manualmente en el diseño del formulario.● Serán los elementos inciales de la lista
● Una forma de realizar esto es seleccionar la lista (lbxLista) y luego presionar el botón que aparece en el extremo superior derecho del control.● Luego abrir el Editor de la colección de elementos
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
● Se pueden agregar elementos manualmente en el diseño del formulario.● Serán los elementos inciales de la lista
● Otra forma de realizar esto es seleccionar la lista (lbxLista) y luego en las propiedades del control seleccionar la propiedad Items.● Luego abrir el Editor de la colección de elementos
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
● Agregamos los elementos, uno por renglón● Presionamos Aceptar
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - CódigoListas - Código
● Al presionar el botón Quitar, vamos a eliminar el elemento seleccionado en la lista (lbxLista)● Items: es la colección de elementos que contiene la lista
● Remove: es el método que quita elementos de la colección de elementos● El elemento a quitar: lbxLista.SelectedItem
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - CódigoListas - Código
● Al presionar el botón Vaciar, eliminaremos a todos los elementos de la lista(lbxLista)● Items: es la colección de elementos que contiene la lista
● Clear: es el método que quita a todos los elementos de la colección de elementos
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - CódigoListas - Código
● El cuadro de mensajes (MsgBox) permite también establecer un diálogo con el usuario● En este caso vamos a utilizar el cuadro de mensajes para que el usuario confirme si desea
“vaciar” la lista o no.● MsgBoxStyle: tipo de cuadro de diálogo. Si/No en este caso● MsgBoxResult: que botón presionó. Si en este caso
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
● Podemos indicar que botón será el “Botón Cancelar” de los botones del formulario● Al presionar la tecla “ESC”
● btnVaciar
● Podemos indicar que botón será el “Botón Aceptar” de los botones del formulario● Al presionar la tecla “ENTER”
● btnAgregar
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
● Vamos agregar un nuevo botón, el botón “Mostrar Lista”.● Una lista (ListBox) contiene una colección de elementos Items
● Count: almacena la cantidad de elementos de la lista.● Cada elemento tiene un índice, que permite acceder a él
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - EjecuciónListas - Ejecución
● Al presionar el botón “Mostrar Lista” se muestran sus elementos● Cada uno en un cuadro de mensaje ● El primer elemento tiene como índice: 0● El último elemento tiene como índice: cantidad de elementos - 1
...
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
● Para que el primer elemento aparezca como “1” y no como “0”● Modificamos el código de la estructura repetitiva “for”
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - EjecuciónListas - Ejecución
...
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Continuemos programandoSeguiremos agregando algunos
Controles Comunes, nuevos– Ya vimos las Listas (ListBox)– Ahora veremos el control
NumericUpDown
Tablas de MultiplicarTablas de Multiplicar
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Tablas de MultiplicarTablas de Multiplicar
Guardamos el proyecto anterior y creamos uno nuevo de nombre “Tablas”
– Crear un nuevo proyecto• Menú Archivo
– Nuevo proyecto…
– Otra opción• Barra de herramientas
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Tablas de Multiplicar - DiseñoTablas de Multiplicar - Diseño
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Tablas de Multiplicar - DiseñoTablas de Multiplicar - Diseño
Botón (Button)Propiedades
(name): btnMostrarText: Mostrar
Botón (Button)Propiedades
(name): btnSalirText: Salir
Lista (ListBox)Propiedades
(name): lbxTabla
NumericUpDownPropiedades
(name): nudTablaValue: 0
Maximun: 10Minimun: 0
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Tablas de Multiplicar - CódigoTablas de Multiplicar - Código
● Agregamos este código al botón Mostrar (btnMostrar)● Con una estructura repetitiva For agregamos a la lista cada
renglón de la tabla, como en la escuela● 0 x 1 = 0● 1 x 1 = 1● …● 10 x 1 = 10
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Tablas de Multiplicar - EjecuciónTablas de Multiplicar - Ejecución
● Al presionar el botón Mostrar se muestra la tabla seleccionada
● ¡Sí presionamos nuevamente el botón, se agrega al final de la lista la nueva tabla!
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Tablas de Multiplicar - CódigoTablas de Multiplicar - Código
● Podemos vaciar la lista antes de agregar la nueva tabla para que no muestre más de una tabla
