Acerca de Infosama
domingo, 4 de septiembre de 2011
ListBox y más.
Hola compañeros/as!
En este tutorial os mostraré como usar los objetos ListBox, TextBox, InputBox y ContextMenuStrip.
Esta es una imagen del proyecto.
Como veis en la imagen, tenemos un TextBox en el cual escribimos lo que queremos introducir en la lista, pero no todo se queda ahí, usaremos el ContextMenuStrip para añadir o eliminar elementos:
Al pulsar sobre añadir nos aparecerá el InputBox, desde el cual también podremos añadir cosas a la lista.
Bien empecemos con la explicación:
Iniciamos un nuevo proyecto, le damos de nombre el que queráis, yo le he dado ListBox y ContextMenu.
Al formulario principal le damos las siguientes propiedades:
- BackGroundImage = Elegimos una imagen... y la importamos a los recursos.
- BackGroundImageLayout = Stretch, asi se ajustará al formulario.
- BorderStyle = Fixed3D, asi no se podrá redimensionar.
- StartPosition = Center Screen, aparecerá centrado al iniciarse.
- Text = El que queraís, yo he usado el que se ve en la imagen...
Una vez hecho esto añadimos los objetos que vamos a usar, para ello nos vamos al cuadro de herramientas y doble clic sobre:
- 1 Botón
- 1 ContextMenuStrip
- 1 ListBox
- 1 TextBox.
Al botón de damos de propiedad Text = Añadir. Al ListBox le he dado las siguientes propiedades, pero es opcional:
- BackColor = Black, el Listbox tendrá el fondo negro.
- ForeColor = Red, y las letras rojas.
Acto seguido vamos a configurar el ContextMenuStrip, hacemos clic en el ContextMenuStrip, esta situado debajo del Form. Asisgnamos las siguientes opciones en cada linea:
- Añadir
- Eliminar seleccionado
- Eliminar todo
- Salir de la aplicación
A cada opción le podéis agregar una imagen al lado como se muestra en la imagen del contextmenustrip. Para ello dais segundo clic encima del elemento (ej: Añadir) y escogéis "Establecer imagen" importáis la imagen a los recursos y ya está, este paso lo podéis omitir, pero queda más presentable.
Lo siguiente es dar código a nuestra aplicación, lo primero que vamos hacer es dar código al Button1 que es el de Añadir:
Con esto lo que hacemos es verificar si hay texto en el TextBox1, si no lo hay, mostrará un mensaje, si hay texto entonces lo añade al ListBox1. Al TextBox1 le podeís decir en AcceptButton = Button1, así al dar a intro añadirá el elemento a la lista si presionar Añadir.
Ahora vemos a establecer código para la opción Añadir del ContextMenuStrip:
Lo que hacemos es declarar una variable para almacenar la respuesta del InputBox:
Si el InputBox está vacío o damos cancelar retorna, de lo contrario si está lleno, nos devuelve el valor a la lista.
Ahora establecemos código a la opción Eliminar seleccionado:
Seguimos con Eliminar todo, que tendrá el siguiente código:
ListBox1.Items.Clear ()
lo que hacemos es eliminarlo todo esté o no seleccionado.
Ya por último a la opción Salir de la aplicación, le dais el código End, yo en el ejemplo he usado un MessageBox para despedirme, pero eso es opcional.
Pues hasta auí el vídeo tutorial Gracias por visitar el blog, adiós y hasta la próxima!
(*) Incluye el código fuente más una aplicación ejecutable de ejemplo, requiere framework 4 para funcionar.
Infosama Technology
Suscribirse a:
Enviar comentarios (Atom)
0 comentarios:
Publicar un comentario