Visual basic (parte i) by Ana Liliana Vera Gòmez

VISUAL BASIC 2010

CONTENIDO DEL DOCUMENTO

MICROSOFT VISUAL STUDIO...................................................................................................................................... 2

INICIAR UN NUEVO PROYECTO .................................................................................................................................. 2

PARTES DE LA VENTANA............................................................................................................................................ 3

CONTROLES COMUNES.............................................................................................................................................. 5

OBJETOS Y SUS PROPIEDADES PRINCIPALES .............................................................................................................. 7

AGREGAR IMÁGENES PARA EL PROYECTO (MY.RESOURCES)..................................................................................... 8

CAMBIAR NOMBRE AL FORMULARIO ...................................................................................................................... 10

AGREGAR NUEVO ELEMENTO AL PROYECTO ........................................................................................................... 10

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.

INICIAR UN NUEVO PROYECTO

Pasos 1. Ingresar al aplicativo 2. Dar clic proyecto

nuevo

3. Ubicarse Basic

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

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

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

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

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:    

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.