VISUAL C#

ANGGI VANESA PALLARES SOLIS

UNIVERDAD POPULAR DEL CESAR

INGENIERIA DE SISTEMAS
SECCIONAL AGUACHICA-CESAR
2016
MI PRIMERA APLICACIN

ANGGI VANESA PALLARES SOLIS

VISUAL # 4 EDICION

MI PRIMERA APLICACIN
CAPITULO II

JHON TIMY
INGENIERO DE SISTEMA

UNIVERSIDAD POPLULAR DEL CESAR

INGENIERA DE SISTEMAS
SECCIONAL AGUACHICA-CESAR

2016

CONTENIDO

1.

INTRODUCCIN

2. OBJETIVOS

2.1 OBJETIVO GENERAL

2.2 OBJETIVOS ESPECFICOS

2.3 JUSTIFICACIN

4. MARCO TERICO

5.1 MATERIALES

26

5.2 METODOLOGA

26

CONCLUSIONES

27

1. INTRODUCCIN
NET Framework proporciona un entorno de programacin orientada a objetos. Consta de
dos componentes principales: el CLR (Common Language Runtime), que es el motor de

ejecucin que controla las aplicaciones en ejecucin, y la biblioteca de clases de .NET

Framework, que proporciona una biblioteca de cdigo probado.
Se puede desarrollar una aplicacin que muestre una interfaz grfica utilizando como
herramientas Microsoft .NET Framework SDK (proporciona, entre otras cosas, la
biblioteca de clases, En el primer caso hay que escribir el cdigo fuente lnea a lnea, para
despus, desde la lnea de rdenes, compilarlo, ejecutarlo y depurarlo.
Visual Studio permite disear la interfaz grfica de una aplicacin de manera visual,
mostrar una pgina de diseo con un formulario vaco por omisin, En Visual C#
disponemos fundamentalmente de dos tipos de objetos: ventanas y controles.

2. OBJETIVOS

2.1 OBJETIVO GENERAL

Ensear el uso prctico del entorno de desarrollo Microsoft Visual Studio.

2.2 OBJETIVOS ESPECFICOS

Analizar cmo funciona cada una de las herramientas de Microsoft Visual Studio.

2.3 JUSTIFICACIN
Los motivos que nos llevaron a investigar Microsoft Visual Studio. Es que es una
herramienta muy til como ingenieros de sistemas, ya que nos ayuda a programar todo
aquello que deseamos hacer en ella. Adems con esta investigacin adquirimos
conocimientos

4. MARCO TERICO
MI PRIMERA APLICACIN
En el primer caso hay que escribir el cdigo fuente lnea a lnea, para despus, desde la
lnea de rdenes, compilarlo, ejecutarlo y depurarlo. Lgicamente, escribir todo el cdigo
necesario para crear la interfaz grfica de la aplicacin es una tarea repetitiva que, de
poder mecanizarse, ahorrara mucho tiempo en la implementacin de una aplicacin y
permitira centrarse ms y mejor en resolver los problemas relativos a su lgica y no a su
aspecto.

MICROSOFT VISUAL STUDIO.

Visual Studio permite disear la interfaz grfica de una aplicacin de manera visual, sin
ms que arrastrar con el ratn los controles que necesitemos sobre la ventana destino de
los mismos
Como ejemplo, vamos a realizar una aplicacin Windows denominada Saludo, que
presente una interfaz al usuario como la de la figura siguiente:

Para empezar, arranque Visual Studio o, en su defecto, Visual C# Express. Se visualizar

una ventana como la siguiente:

Cules son los siguientes pasos para desarrollar una aplicacin Windows? siga los
pasos indicados a continuacin:
1. Cree un nuevo proyecto (una nueva aplicacin). Una vez creado el
proyecto/solucin, Visual Studio mostrar una pgina de diseo con un formulario
vaco por omisin.
2. Dibuje los controles sobre el formulario. Los controles sern tomados de una caja
de herramientas.
3. Defina las propiedades del formulario y de los controles.
4. Escriba el cdigo para controlar los eventos que considere de cada uno de los
objetos.
5. Guarde, compile y ejecute la aplicacin.
6. Opcionalmente, utilice un depurador para poner a punto la aplicacin.
Crear un nuevo proyecto
Para crear un nuevo proyecto, dirjase a la barra de mens y ejecute Archivo > Nuevo
proyecto. En el dilogo que se visualiza, seleccione el tipo de proyecto Visual C# >
Windows, la plantilla Aplicacin de Windows Forms, el nombre Saludo y haga clic en el
botn Aceptar:

Despus de crear una nueva aplicacin Windows, el entorno de desarrollo Visual Studio
mostrar un formulario, Form1, en el diseador. Tambin pondr a nuestra disposicin
una caja de herramientas con una gran cantidad de controles listos para ser incluidos en
un formulario.

Observe en la ventana de Propiedades, en la esquina inferior derecha, la ayuda relativa a

la propiedad seleccionada.
En la esquina superior derecha tambin se localiza otra ventana con varias pginas:
explorador de soluciones, vista de clases, etc.; en la figura siguiente vemos el Explorador
de soluciones:

El explorador de soluciones muestra el nombre de la solucin (una solucin engloba uno o

ms proyectos), el nombre del proyecto (un proyecto administra los ficheros que
componen la aplicacin) y el de todos los formularios y mdulos; en nuestro caso,
observamos un formulario, denominado Form1, descrito por los ficheros de cdigo
Form1.cs y Form1.Designer.cs; el primero es el utilizado por el programador para escribir
el cdigo y el segundo, el utilizado por el diseador de formularios.
As mismo, en su parte superior, muestra una barra de botones que permiten ver el
cdigo, mostrar todos los archivos, la ventana de propiedades, etc. Por ejemplo, si
estamos viendo el diseador de formularios y hacemos clic en el botn Ver cdigo, la
pgina de diseo ser sustituida por el editor de cdigo, como se puede observar en la
figura siguiente:

10

Otra caracterstica del editor es la finalizacin y el formato de cdigo automticos. Por

ejemplo, al escribir un mtodo, el editor mostrar automticamente la ayuda en lnea de la
palabra clave (public, void, int, etc.)
Si cuando se est visualizando el explorador de soluciones desea mostrar la vista de
clases de su aplicacin, ejecute la opcin Vista de clases del men Ver, o bien haga clic
en la pestaa Vista de clases si esta est presente.

11

Vemos, en primer lugar, el espacio de nombres al que pertenecen los elementos de la

aplicacin: Saludo (un espacio de nombres define un mbito). Si ahora expandimos este
otro nodo, veremos que incluye una clase, la que define el objeto Form1, y si expandimos
a su vez este nodo, podremos observar su clase base.
El formulario
El formulario es el plano de fondo para los controles. Despus de crear un nuevo
proyecto, la pgina de diseo muestra uno como el de la figura siguiente.

Esta es la parte que el diseador de Visual C# realiza por nosotros y para nosotros;
prubelo.
1. Hacer clic en el botn que cierra la ventana.
2. Hacer un doble clic en el icono situado a la izquierda en la barra de ttulo de la ventana.
3. Activar el men de control de la ventana Form1 y ejecutar Cerrar.
4. Pulsar las teclas Alt+F4.
Dibujar los controles
En Visual C# disponemos fundamentalmente de dos tipos de objetos: ventanas y
controles. Las ventanas son los objetos sobre los que se dibujan los controles como cajas
de texto, botones o etiquetas, dando lugar a la interfaz grfica que el usuario tiene que
utilizar para comunicarse con la aplicacin.
Para aadir un control a un formulario, utilizaremos la caja de herramientas que se
muestra en la figura siguiente:
Puntero. El puntero no es un control. Se utiliza para seleccionar, mover y ajustar el
tamao de los objetos.

12

Label. Una etiqueta permite mostrar un texto de una o ms lneas que no pueda ser
modificado por el usuario. Son tiles para dar instrucciones al usuario.
LinkLabel. Se trata de una etiqueta de Windows que puede mostrar hipervnculos.

Button. Un botn de pulsacin normalmente tendr asociada una orden con l.

Esta orden se ejecutar cuando el usuario haga clic sobre el botn.

TextBox. Una caja de texto es un rea dentro del formulario en la que el usuario puede
escribir o visualizar texto.
MaskedTextBox. Una caja de texto mejorada que soporta una sintaxis declarativa para
aceptar o rechazar la entrada del usuario.
MenuStrip. Permite aadir una barra de mens a una ventana.
CheckBox. Una casilla de verificacin se utiliza para seleccionar una opcin. Utilizando
estos controles se pueden elegir varias opciones de un grupo.
RadioButton. El control botn de opcin se utiliza para seleccionar una opcin entre
varias. Utilizando estos controles se puede elegir una opcin de un grupo de ellas.
GroupBox. Un marco se utiliza para realzar el aspecto del formulario. Tambin los

13

utilizamos para formar grupos de botones de opcin, o bien para agrupar controles
relacionados entre s.
PictureBox. Una caja de imagen se utiliza normalmente para mostrar grficos de un
fichero de mapa de bits, metarchivo, icono, JPEG, GIF o PNG. Panel. Control que acta
como contenedor de otros controles.
FlowLayoutPanel. Representa un panel que coloca dinmicamente su contenido vertical
u horizontalmente.
TableLayoutPanel. Representa un panel que coloca dinmicamente su contenido en una
rejilla de filas y columnas.
DataGridView. Proporciona una tabla para visualizar los datos de una forma
personalizada.
ListBox. El control lista fija (lista desplegada) contiene una lista de elementos de la que
el usuario puede seleccionar uno o varios elementos.
CheckedListBox. Se trata de un control lista fija en el que se muestra una casilla de
verificacin a la izquierda de cada elemento.
ComboBox. El control lista desplegable combina una caja de texto y una lista
desplegable. Permite al usuario escribir lo que desea seleccionar o elegir un elemento de
la lista. ListView. El control vista de lista muestra una coleccin de elementos que se
pueden visualizar mediante una de varias vistas distintas.
TreeView. Muestra una coleccin jerrquica de elementos con etiquetas. Se trata de una
estructura en rbol en la que cada nodo del mismo es un objeto de la clase TreeNode.
TabControl. Es un contenedor que agrupa un conjunto relacionado de pginas de fichas.
DateTimePicker. Control que permite seleccionar la fecha y hora.
MonthCalendar. Control de calendario mensual.
HScrollBar y VScrollBar. La barra de desplazamiento horizontal y la barra de
desplazamiento vertical permiten seleccionar un valor dentro de un rango de valores.
Estos controles son utilizados independientemente de otros objetos, y no son lo mismo
que las barras de desplazamiento de una ventana.
Timer. El temporizador permite activar procesos a intervalos regulares de tiempo.
Otros controles de inters son la barra de progreso (ProgressBar), la caja de texto
enriquecido (RichTextBox), las descripciones breves (ToolTip), la barra de estado
(StatusStrip), las cajas de dilogo estndar (OpenFileDialog, FontDialog,
PrintDialog...), etc.
En primer lugar vamos a aadir al formulario una etiqueta. Para ello, hacemos clic sobre
la herramienta Label (etiqueta) y, sin soltar el botn del ratn, la arrastramos sobre el
formulario. Cuando soltemos el botn del ratn aparecer una etiqueta de un tamao
predefinido, segn se muestra en la figura siguiente:

14

Las propiedades (Name), nombre, y AutoSize, autoajustable. La primera tiene asignado el

valor label1 que es el nombre por defecto dado al control etiqueta, y la segunda tiene
asignado por defecto el valor true, lo que hace que el tamao de la etiqueta se ajuste
automticamente a su contenido. Si quiere ajustar su tamao manualmente, debe asignar
a esta propiedad el valor false.

Borrar un control
Para borrar un control, primero se selecciona haciendo clic sobre l y, a continuacin, se
pulsa la tecla Supr (Del).
Propiedades de los objetos
Cada clase de objeto tiene predefinido un conjunto de propiedades, como nombre,
tamao, color, etc.

15

Por ejemplo, la propiedad TabIndex (orden Tab) la tienen muchos objetos, pero la
propiedad Interval solo la tiene el temporizador.
Cada propiedad de un objeto tiene un valor por defecto que puede ser modificado
in situ si se desea. Por ejemplo, la propiedad (Name) del formulario del ejemplo
que nos ocupa tiene el valor Form1.
Para cambiar el valor de una propiedad de un objeto, siga los pasos indicados a
continuacin:
1. Seleccione el objeto. Para ello, haga clic sobre el objeto o pulse
sucesivamente la tecla Tab hasta que est seleccionado (el control
seleccionado aparecer rodeado por un rectngulo modificador de tamao).
2. Seleccione en la lista de propiedades la propiedad que desea cambiar.
3. Modifique el valor que actualmente tiene la propiedad seleccionada. El valor
actual de la propiedad en cuestin aparece escrito a continuacin del
nombre de la misma. Para cambiar este valor, sobrescriba el valor actual o,
si es posible, seleccione uno de la lista que se despliega haciendo clic
sobre la flecha () que aparece a la derecha del valor actual. Para algunas
propiedades, esta flecha es sustituida por tres puntos (). En este caso se
visualizar una caja de dilogo.
Algunas de estas propiedades son BackColor (color del fondo de la etiqueta),
(Name) (identificador de la etiqueta para referirnos a ella en el cdigo) y Text
(contenido de la etiqueta).

El paso siguiente ser aadir un botn. Para ello, hacemos clic sobre la herramienta
Button de la caja de herramientas y arrastramos el botn sobre el formulario.
Ahora modificamos sus propiedades y asignamos a Text (ttulo) el valor Haga clic aqu, y a
(Name), el valor btSaludo.
ambin observamos que al colocar el control aparecen unas lneas indicando la alineacin
de este con respecto a otros controles. Es una ayuda para alinear los controles que
coloquemos dentro del formulario. Puede elegir entre los modos SnapLines (lneas de

16

ayuda), es el modo que estamos utilizando, o SnapToGrid (rejilla de ayuda; se visualizan

los puntos que dibujan la rejilla).
Bloquear la posicin de todos los controles
Una vez que haya ajustado el tamao de los objetos y haya situado los controles en su
posicin definitiva, puede seleccionar el formulario y bloquear sus controles para que no
puedan ser movidos accidentalmente. Para ello, ejecute la orden Bloquear controles del
men Formato.
Icono de la aplicacin
Icono de la aplicacin Todos los formularios visualizan un icono en la esquina superior
izquierda que generalmente ilustra la finalidad de la aplicacin y que tambin aparece
cuando se minimiza el formulario. Por omisin, Visual C# utiliza un icono genrico.
Escribir los controladores de eventos
Sabemos que el nombre de un objeto, propiedad (Name), nos permite referirnos a l
dentro del cdigo de la aplicacin; por ejemplo, en las lneas de cdigo siguiente, la
primera asigna el valor Hola mundo!!! a la propiedad Text del objeto etSaludo y la
siguiente obtiene el valor de la caja de texto y lo almacena en la variable sTexto:
etSaludo.Text = "Hola mundo!!!";
string sTexto = etSaludo.Text;
Una vez que hemos creado la interfaz o medio de comunicacin entre la aplicacin y el
usuario, tenemos que escribir los mtodos para controlar, de cada uno de los objetos,
aquellos eventos que necesitemos manipular.
Dnde podemos ver la lista de los eventos que puede generar un objeto de nuestra
aplicacin? En la ventana de propiedades. Por ejemplo, seleccione el botn btSaludo en
la ventana de diseo, vaya a la ventana de propiedades y muestre la lista de eventos para
el control seleccionado, haciendo clic en el botn Eventos. Haga doble clic en el evento
Click, o bien escriba manualmente el nombre del controlador y pulse Entrar.

17

El resultado es que se aade a la clase Form1 un controlador para este evento (fichero
Form1.Designer.cs) y el mtodo btSaludo_Click que responder al mismo (fichero
Form1.cs):
this.btSaludo.Click += new System.EventHandler(this.btSaludo_Click);
private void btSaludo_Click(object sender, EventArgs e)
{
// Escriba aqu el cdigo que tiene que ejecutarse para responder
// Al evento Clic que se genera al pulsar el botn
}
La interpretacin del cdigo anterior es la siguiente: el mtodo btSaludo_Click controla
(EventHandler) el evento Click de btSaludo (btSaludo.Click).
El primer parmetro del mtodo hace referencia al objeto que gener el evento y el
segundo contiene informacin que depende del evento.
Una vez aadido el controlador para el evento Click del botn btSaludo, mostrara el
mensaje Hola mundo!!! cuando el usuario hiciera clic en el botn. Segn esto,
complete este controlador as:
private void btSaludo_Click(object sender, EventArgs e)
{
etSaludo.Text = "Hola mundo!!!";
}
Observe que Visual Studio, para no anteponer a los nombres de las clases y otras
estructuras de datos el nombre del espacio de nombres al que pertenecen (por ejemplo
System.Object en lugar de escribir solamente el nombre de la clase Object), aade al
principio del cdigo fuente las sentencias using, que se muestran a continuacin, que los
especifican.
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
Guardar la aplicacin
Una vez finalizada la aplicacin, se debe guardar en el disco para que pueda tener
continuidad; por ejemplo, por si ms tarde se quiere modificar.
Si desplegamos el men Archivo, nos encontraremos, adems de con la orden Guardar
todo, con dos rdenes ms: Guardar nombre-fichero y Guardar nombrefichero como... La
orden Guardar nombre-fichero guarda en el disco el fichero actualmente seleccionado y la
orden Guardar nombre-fichero como... realiza la misma operacin, y adems nos permite
cambiar el nombre, lo cual es til cuando el fichero ya existe.
Verificar la aplicacin
18

Para ver cmo se ejecuta la aplicacin y los resultados que produce, hay que seleccionar
la orden Iniciar sin depurar del men Depurar o pulsar Ctrl+F5.
Si durante la ejecucin encuentra problemas o la solucin no es satisfactoria y no es
capaz de solucionarlos por sus propios medios, puede utilizar, fundamentalmente, las
rdenes Paso a paso por instrucciones (F11), Paso a paso por procedimientos (F10) y
Alternar puntos de interrupcin (F9), todas ellas del men Depurar, para hacer un
seguimiento paso a paso de la aplicacin, y las rdenes del men Depurar > Ventanas,
para observar los valores que van tomando las variables y expresiones de la aplicacin.
La orden Alternar puntos de interrupcin (F9) permite colocar una pausa en cualquier
lnea. Esto permite ejecutar la aplicacin hasta la pausa en un solo paso (F5), y ver en la
ventana Automtico los valores que tienen las variables en ese instante. Para poner o
quitar una pausa, se coloca el cursor donde se desea que tenga lugar dicha pausa y se
pulsa F9.

Durante el proceso de depuracin, puede ver en la ventana Automtico los valores de las
variables y expresiones que desee. Adems, en la ventana Inspeccin puede escribir la
expresin que desea ver.

19

Propiedades del proyecto

Para establecer las propiedades del proyecto actual hay que ejecutar la orden Proyecto >
Propiedades de nombre-proyecto... Se le mostrar una ventana con varios paneles.
Seleccione el deseado y modifique las propiedades que considere.

Crear soluciones de varios proyectos

Esta solucin permite que los ficheros que forman parte del proyecto se almacenen bajo
una estructura de directorios que facilite su posterior localizacin as como las tareas de
compartir la solucin con otros desarrolladores de un posible equipo.
Para crear una nueva solucin vaca:
1. Ejecute la orden Archivos > Nuevo > Proyecto.
2. Como tipo de proyecto, seleccione Otros tipos de proyectos.
3. Y como plantilla, seleccione Solucin en blanco.
4. Finalmente, introduzca el nombre que desea dar a la solucin. Se crear un
fichero .sln con el nombre dado, almacenado en una carpeta con el mismo
nombre. Puede elegir, si lo desea, la posicin que ocupar esa carpeta en el
sistema de ficheros de su plataforma.
Para aadir un nuevo proyecto a una solucin existente:

20

1. Dirjase al explorador de soluciones y haga clic sobre el nombre de la solucin

utilizando el botn secundario del ratn. Del men contextual que se visualiza,
ejecute la orden Aadir > Nuevo proyecto...
2. Seleccione el tipo de proyecto y la plantilla que va a utilizar para crearlo.
3. Para aadir nuevos proyectos repita los pasos anteriores. 4. Para activar el
proyecto sobre el que va a trabajar, haga clic sobre el nombre del proyecto
utilizando el botn secundario del ratn y del men contextual que se visualiza,
ejecute la orden Establecer como proyecto de inicio.
Opciones del EDI
Para mostrar la ventana que observa en la figura siguiente tiene que ejecutar la orden
Herramientas > Opciones.

Personalizar el EDI
Para personalizar el entorno de desarrollo tiene que ejecutar la orden Herramientas >
Personalizar.

21

WPF
Una alternativa a la biblioteca Windows Forms para disear aplicaciones que utilicen
interfaces grficas es la biblioteca de clases denominada WPF (Windows Presentation
Foundation.
WPF no ha sido creado para sustituir a Windows Forms, sino que la biblioteca Windows
Forms seguir siendo mejorada y mantenida por Microsoft. WPF es simplemente otra
biblioteca con otras posibilidades para el desarrollo de aplicaciones de escritorio.
Forms, proporciona la capacidad para programar una aplicacin utilizando el lenguaje de
marcado XAML para implementar su interfaz grfica y los lenguajes de programacin
administrados, como C#, para escribir el cdigo subyacente que implemente su
comportamiento.

22

5. MATERIALES Y MTODOS

5.1 MATERIALES
Aula virtual de la universidad popular del cesar

23

CONCLUSIONES
A raz del desarrollo de esta investigacin, se analiz el uso de las funciones de las
herramientas de Microsoft Visual Studio.

24