Post on 12-Jul-2015
GUÍA DE TRABAJO Versión: 1
Código: DA-FO-431
ÁREA: TECNOLOGÍA E INFORMÁTICA GRADO: 11º JORNADA: JM PERÍODO:_1 FECHA
TEMA: ENSAMBLE E INTERACCIÓN ENTRE FORMULARIOS EN VISUAL BASIC 2010
ESTUDIANTE:___________________________________________________ GRUPO:_____
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 en nuevo proyecto
3. Ubicarse en Visual
Basic
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 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
Formulario Explorador
de
soluciones
Propiedades Cuadro de
herramientas
Barra herramientas
estándar
Lista de errores y resultados
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".
Las principales propiedades de un formulario son las siguientes:
Name: Se utiliza para ponerle nombre al formulario. Se usa anteponerle frm y a continuación el nombre deseado. Ejemplo: frmprincipal
BackColor: se utiliza para cambiar el color del fondo del formulario
BorderStyle: cambia el estilo de borde del formulario
BorderColor: Cambia el color del borde del formulario
Text: Cambia el título de la barra de títulos del formulario
BackGroundImage: permite insertar imagen de fondo al formulario
FormBorderStyle: 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
Maximizebox Es una propiedad tipo booleano, se activa o desactiva el botón maximizar de la ventana
Minimizebox Es una propiedad tipo booleano, se activa o desactiva el botón maximizar de la ventana
4 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
Selector de fecha y hora
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.
Ver Código Ver Diseñador
ListBox Cuadro de lista
lsb Presenta una lista de elementos entre los que el usuario puede elegir.
MonthCalender Calendario
mnc Muestra candelario con fechas
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
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
Panel de diseño de tabla
tip Sirve para organizar controles, se pueden añadir filas o columnas para los controles
MENUS Y BARRAS DE HERRAMIENTAS
Nombre de clase Representación gráfica 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
5 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: Estilo del borde de la etiqueta
Text: Texto o título que mostrará la etiqueta
Font: Cambia el tipo, el tamaño y el estilo de la fuente (letra) de la etiqueta
ForeColor Cambia el color de la letra de la etiqueta
TextAlign Alinea el texto respecto al tamaño de la etiqueta (no funciona si se activó la propiedad Autosize)
Visible: 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: Nombre del picturebox utilizado en el código para identificar el objeto.
Se utiliza Pic y a continuación el nombre. Ejemplo: picfotos
BorderStyle: Estilo del borde de la caja de imágenes
Imagen 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:
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…
9 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.