VISUAL BASIC 2010
CONTENIDO DEL DOCUMENTO
1
MICROSOFT VISUAL STUDIO...................................................................................................................................... 2
2
INICIAR UN NUEVO PROYECTO .................................................................................................................................. 2
3
PARTES DE LA VENTANA............................................................................................................................................ 3
4
CONTROLES COMUNES.............................................................................................................................................. 5
5
OBJETOS Y SUS PROPIEDADES PRINCIPALES .............................................................................................................. 7
6
AGREGAR IMÁGENES PARA EL PROYECTO (MY.RESOURCES)..................................................................................... 8
7
CAMBIAR NOMBRE AL FORMULARIO ...................................................................................................................... 10
8
AGREGAR NUEVO ELEMENTO AL PROYECTO ........................................................................................................... 10
9
FUNCIÓN VAL .......................................................................................................................................................... 10
1 MICROSOFT VISUAL STUDIO Microsoft Visual Studio es un entorno de desarrollo integrado (IDE) para sistemas operativos Windows. Se utiliza para programar aplicaciones Windows y que se incluye en varias aplicaciones Microsoft. CONCEPTOS DE VISUAL BASIC Para entender mejor la manera cómo opera el lenguaje de programación Visual Basic for Application, es necesario estudiar un poco acerca de la teoría relacionada con la programación orientada a objetos:
Objeto: Un objeto es cualquier formulario y controles que forma parte de la aplicación, que tiene asociado un conjunto de métodos, eventos y propiedades. Las propiedades se pueden considerar como atributos de un objeto, los métodos como sus acciones y los eventos como sus respuestas.
Propiedades: Son los atributos o características de un objeto, como son su altura, su ancho, color de fondo, color de la letra, entre otras.
Método: Los métodos son funciones internas de un determinado objeto que permite realizar funciones sobre él o sobre otro objeto. Se le conoce como aquello que el objeto puede hacer. Por ejemplo para un formulario tenemos el método Hide que hará que el formulario se oculte El método Show que hará que el formulario se vuelva a mostrar El método close que hará que el formulario se cierre.
Evento: Un evento es una acción que sucede en un objeto, decimos también que es un proceso que ocurre en un momento no determinado causando una respuesta por parte de un objeto. Por ejemplo Un botón incluye MouseClick, MouseDoubleClick, MouseEnter, MouseLeave, MouseWheel, MouseMove y MouseHover. Los eventos por lo general reciben nombres muy intuitivos, para hacer la lectura del código de Visual Basic más fácil.
2
INICIAR UN NUEVO PROYECTO
Pasos 1. Ingresar al aplicativo 2. Dar clic proyecto
en
nuevo
3. Ubicarse Basic
en
Visual
4. Escoger Aplicación de Windows Forms 5. En nombre asignar un nuevo nombre al proyecto NOTA: Preste mucha atención al seleccionar la carpeta donde se ubicará el proyecto
3
PARTES DE LA VENTANA Barra herramientas estándar
Explorador de soluciones
Formulario
Cuadro de herramientas
Propiedades
Lista de errores y resultados
BARRA DE HERRAMIENTAS ESTÁNDAR
Contiene los botones que permiten acceder de manera inmediata a las opciones más comunes del visual Basic. Para mostrar la barra de herramientas estándar dar clic derecho en la barra de título y escoger la barra de herramientas que se desea. CUADRO DE HERRAMIENTAS
Contiene todas las herramientas que se necesitan para desarrollar las aplicaciones. Se encuentran agrupadas por categorías como son:
Para mostrar el cuadro de herramientas
clic en el icono de la barra de herramientas estándar Menú ver – cuadro de herramientas La combinación de teclas ctrl + alt + x
EXPLORADOR DE SOLUCIONES
Utilice el Explorador de soluciones para administrar elementos de solución o proyecto y navegar por el código, permite interactuar en modo diseño y en modo código. Para mostrar el Explorador de soluciones:
clic en el icono de la barra de herramientas estándar Menú Ver Explorador de soluciones Combinación de teclas CTRL + ALT + L
El Explorador de soluciones le ayuda a hacer lo siguiente:
Agregar proyectos a una solución Agregar elementos a un proyecto Copiar o mover elementos y proyectos Cambiar el nombre de las soluciones, los proyectos y los elementos Eliminar, quitar o descargar proyectos
VENTANA DE PROPIEDADES
Permite visualizar y modificar las propiedades para cada uno de los objetos. Muestra en la parte superior el nombre del objeto seleccionado. Las propiedades de los objetos se muestran organizadas alfabéticamente o por categorías como son: accesibilidad, apariencia, comportamiento, datos, diseño Para mostrar la ventana de propiedades:
Icono de la barra de herramientas estándar Menú ver - ventana de propiedades Tecla de función F4
FORMULARIOS
Es la ventana que más área de trabajo utiliza y la que habitualmente utilizaremos para introducir nuestros objetos y nuestro código. Por lo general llevan nombres como form1, form2, form3, etc., los cuales deben ser cambiados con nombres nemotécnicos. Para mostrar el código de un formulario:
Menú ver - código Tecla de función F7 En Explorador de soluciones, dar clic en el icono "Ver código".
Ver Código
Ver Diseñador
Las principales propiedades de un formulario son las siguientes: Name: BackColor: BorderStyle: BorderColor: Text: BackGroundImage: FormBorderStyle:
Maximizebox Minimizebox
4
Se utiliza para ponerle nombre al formulario. Se usa anteponerle frm y a continuación el nombre deseado. Ejemplo: frmprincipal se utiliza para cambiar el color del fondo del formulario cambia el estilo de borde del formulario Cambia el color del borde del formulario Cambia el título de la barra de títulos del formulario permite insertar imagen de fondo al formulario Determina cómo se muestra el borde exterior del formulario. También permiten que no se cambie el tamaño del formulario. Por ejemplo, el estilo de borde FormBorderStyle.FixedDialog Es una propiedad tipo booleano, se activa o desactiva el botón maximizar de la ventana Es una propiedad tipo booleano, se activa o desactiva el botón maximizar de la ventana
CONTROLES COMUNES
Estos controles se encuentran dentro del archivo ejecutable de Visual Basic. Los controles stán siempre incluidos en el cuadro de herramientas. Nombre de clase
Representación gráfica
prefijo
Descripción
Button Botón de control
btn
Ejecuta un comando o una acción cuando el usuario hace clic en él.
CheckBox Casilla de verificación
chk
Presenta una opción de tipo verdadero o falso.
CheckBoxListBox
clb
Lista desplegable de elementos con sus casillas de verificación.
ComboBox Cuadro combinado
cbo
Combina un cuadro de texto y un cuadro de lista.
DateTimerPicker
dtp
Muestra calendario desplegable con fecha y hora
Label Etiqueta
lbl
Presenta texto con el cual el usuario no puede interactuar ni modificar.
LinkLabel Etiqueta de enlace
llbl
Muestra cuadro de texto al estilo de página web.
Selector de fecha y hora
ListBox Cuadro de lista
lsb
MonthCalender Calendario
mnc
Picturebox Caja de imágenes
pic
Presenta mapas de bits, íconos o metarchivos de Windows y otros tipos de archivos gráficos compatibles. También presenta texto o actúa como contenedor visual para otros controles.
ProgressBar Barra de progreso
prb
Permite medir el progreso de una tarea o proceso en nuestro programa.
RichTextBox Cuadro de texto enriquecido
rtb
Permite mostrar textos o archivos de manera amplia.
TextBox Cuadro de texto
txb
Proporciona un área para escribir o presentar texto.
ToolTip Herramienta de punta
ttb
Sirve para orientar al usuario de la funcionalidad del control. Se activa al pasar el mouse sobre el control
WebBrowser Navegador Web
wbr
Control de navegación en la web
Presenta una lista de elementos entre los que el usuario puede elegir.
Muestra candelario con fechas
COMPONENTES Nombre de clase
Representación gráfica
prefijo
Descripción
ImageList Lista de image
iml
contiene una colección de imágenes que pueden utilizar otros controles comunes de Windows, específicamente los controles ListView, TreeView, TabStrip y Toolbar
Timer Barra de progreso
tmr
Ejecuta eventos periódicos a intervalos de tiempo específicado..
CONTENEDORES Nombre de clase
Representación gráfica
prefijo
Descripción
GroupBox Grupo de controles
gpb
Sirve para agrupar controles (por ejemplo botones de opción) dentro de un marco con etiquetas
TableLayoutPanel
tip
Sirve para organizar controles, se pueden añadir filas o columnas para los controles
prefijo
Descripción
ContextMenuStrip Menú contextual Strip
cms
Crea un menú que aparece cuando el usuario hace clic en un objeto con el botón secundario del mouse.
MenuStrip Menú Strip
mnu
Permite el uso de una interfaz para crear un menú en tiempo de diseño
ToolStrip Herramientas Strip
tls
son barras de herramientas capaces de hospedar menús, controles y controles de usuario en aplicaciones de Windows Forms
Panel de diseño de tabla
MENUS Y BARRAS DE HERRAMIENTAS Nombre de clase
5
Representación gráfica
OBJETOS Y SUS PROPIEDADES PRINCIPALES
Para poner un objeto sobre el formulario, se debe hacer clic sobre él en el cuadro de herramienta y luego llevar el mouse hasta el formulario y hacer nuevamente clic; automáticamente aparecerá el objeto dentro del formulario. También con el mouse es posible moverlo para cambiar su ubicación o modificar su tamaño. Etiqueta (label): se utiliza para escribir títulos o rótulos sobre el formulario. Sus principales propiedades son: Name: Nombre de la etiqueta utilizado en el código para identificar el objeto. Se utiliza lbl y a continuación el nombre. Ejemplo: lbltitulo Autosize: Ajusta el tamaño de la etiqueta a la longitud del texto BackColor: Color del fondo de la etiqueta BackStyle: Estilo del fondo de la etiqueta
BorderStyle: Text: Font: ForeColor TextAlign Visible:
Estilo del borde de la etiqueta Texto o título que mostrará la etiqueta Cambia el tipo, el tamaño y el estilo de la fuente (letra) de la etiqueta Cambia el color de la letra de la etiqueta Alinea el texto respecto al tamaño de la etiqueta (no funciona si se activó la propiedad Autosize) Oculta (false) o pone visible (true) la etiqueta
Cuadro de texto (TextBox): se utiliza para capturar información desde el teclado. Las propiedades principales son: Name: Nombre de la etiqueta utilizado en el código para identificar el objeto. Se utiliza txt y a continuación el nombre. Ejemplo: txtsalario BackColor: Color del fondo del cuadro de texto BackStyle: Estilo del fondo del cuadro de texto BorderStyle: Estilo del borde del cuadro de texto CharacterCasing: Permite que el ingreso de texto en el cuadro de texto se realice en mayúscula o minúscula Enabled: Activa (true) o desactiva (false) el cuadro de texto Font: Cambia el tipo, el tamaño y el estilo de la fuente (letra) del cuadro de texto ForeColor: Cambia el color de la letra del cuadro de texto Text: Hace referencia al contenido del cuadro de texto (lo que se digita) TextAlign: Alinea el texto dentro del cuadro de texto Visible: Oculta (false) o pone visible (true) el cuadro de texto
Botón de comando (Button): se utiliza para llamar un procedimiento cuando se activa el evento clic, doble clic o mousemove, entre otros. Name: Nombre del botón utilizado en el código para identificar el objeto. Se utiliza btn y a continuación el nombre. Ejemplo: txtsalario Autosize: Ajusta el tamaño de la etiqueta a la longitud del texto BackColor: Color del fondo del botón de comando BackStyle: Estilo del fondo del botón de comando Text: Hace referencia al contenido del botón de comando Visible: Oculta (false) o pone visible (true) el botón de comando
Caja de Imágenes (PictureBox): Name: BorderStyle: Imagen
Nombre del picturebox utilizado en el código para identificar el objeto. Se utiliza Pic y a continuación el nombre. Ejemplo: picfotos Estilo del borde de la caja de imágenes Permite mostrar una imagen en el objeto picturebox.
6 AGREGAR IMÁGENES PARA EL PROYECTO (My.Resources) En la carpeta My.Resources se guardan imágenes o archivos que queremos que siempre estén disponibles, ya que son recursos de nuestra aplicación. Para adicionar las imágenes se debe realizar el siguiente proceso:
Dar clic en el formulario, ir a la propiedad BackgroundImage En el caso de un objeto picturebox, ir a la propiedad imagen Dar clic en el botón buscar que es un botón con tres puntos suspensivos, Aparecerá una ventana, se debe seleccionar el botón de opción archivo de recurso del proyecto Dar clic en el botón Importar… Elegir las imágenes que se desean, indicando su ubicación Debemos fijarnos que se creó una carpeta llamada RESOURCE como se muestra en la siguiente imagen:
ANEXAR ARCHIVOS AL PROYECTOS (RESOURCES) Esta opción también permite adicionar archivos al proyecto, esta es la opción más recomendada para su correcto proceso:
Activar el explorar de soluciones Clic derecho en My project Clic en opción abrir En la pestaña que se abre dar clic en la opción recursos Clic en agregar recurso Clic en agregar archivo existente Ubicar la ruta de los archivos, seleccionar los archivos y clic en el botón abrir Cerrar la ventana Clic en el botón si para guardar los cambios NOTA: Recuerde que los nombres de los archivos no deben llevar espacios en blanco, ni tildes, ni caracteres especiales
7
CAMBIAR NOMBRE AL FORMULARIO
Activar el explorador de soluciones Clic derecho sobre el nombre del formulario Clic en la opción cambiar nombre. En el cuadro de dialogo que pregunta si se desea cambiar también en este proyecto el nombre de todas las referencias al elemento de código..?, se responde que SI
NOTA: Recuerde que NO se puede eliminar la extensión del archivos (.vb)
8 AGREGAR NUEVO ELEMENTO AL PROYECTO Para adicionar un nuevo elemento al proyecto como son: Windows Form o (Formulario), Cuadro de acerca de…., Pantalla de presentación, Formulario de Inicio de sesión, entre otros se debe realizar los siguientes pasos:
9
Abrir el explorador de soluciones Clic derecho sobre el nombre del proyecto Clic en la opción agregar Clic en la opción nuevo elementos…
FUNCIÓN VAL
Permite convertir un número en formato texto a una variable numérica, debido a que el contenido que introduce un usuario a través de un textBox tiene carácter de texto.
Ejemplo de su utilización: Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnsumar.Click txtresultado.Text = Val(txtnum1.Text) + Val(txtnum2.Text) End Sub
EJERCICIO PRACTICO 1 Crear un Nuevo proyecto Windows Forms llamado PRACTICA1, para realizar las cuatro operaciones matemรกticas bรกsica.