Visual Basic Listas - carambula.net
Transcript of Visual Basic Listas - carambula.net
![Page 1: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/1.jpg)
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Visual BasicListas
![Page 2: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/2.jpg)
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
![Page 3: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/3.jpg)
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
ListasListas
![Page 4: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/4.jpg)
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
![Page 5: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/5.jpg)
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
ListasListas
Primero Segundo
Nombredel nuevoProyecto
Listas
Listas
![Page 6: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/6.jpg)
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
![Page 7: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/7.jpg)
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
![Page 8: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/8.jpg)
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
![Page 9: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/9.jpg)
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
![Page 10: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/10.jpg)
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.
![Page 11: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/11.jpg)
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
![Page 12: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/12.jpg)
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
![Page 13: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/13.jpg)
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
![Page 14: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/14.jpg)
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
![Page 15: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/15.jpg)
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
![Page 16: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/16.jpg)
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
![Page 17: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/17.jpg)
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - DiseñoListas - Diseño
![Page 18: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/18.jpg)
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
![Page 19: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/19.jpg)
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
![Page 20: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/20.jpg)
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
![Page 21: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/21.jpg)
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
![Page 22: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/22.jpg)
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
![Page 23: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/23.jpg)
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
...
![Page 24: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/24.jpg)
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”
![Page 25: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/25.jpg)
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Listas - EjecuciónListas - Ejecución
...
![Page 26: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/26.jpg)
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
![Page 27: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/27.jpg)
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
![Page 28: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/28.jpg)
A/S Leonardo Carámbula - Programación III – EMT – C.E.T.P.
Tablas de Multiplicar - DiseñoTablas de Multiplicar - Diseño
![Page 29: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/29.jpg)
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
![Page 30: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/30.jpg)
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
![Page 31: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/31.jpg)
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!
![Page 32: Visual Basic Listas - carambula.net](https://reader035.fdocumento.com/reader035/viewer/2022070604/62c26b052d25ef1cc425fece/html5/thumbnails/32.jpg)
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