Introducción aVisual Studio C# 2013

Competencías le 1JnícÍacÍ:
orien tada
~o Cono cer los conc epto s básicos utiliz ados en la prog rama ción

a objetos util iza ndo Visual Stud io C# 2013 .

u lario.
.... o Aprender a inser tar y m anip u lar los obje tos insertados en un form
diferentes form ulari os
-=-O Cono cer los proc ed in1ie ntos co rrect os para traba jar con

dentro de un p roye cto.

 l__U=N:::ID==A=-D--l_IT _ _Jlf!
Visual C# 2013
las versiones más rec ien tes de
Es una de Mic ros oft, vie ne aco mp aña do
por .NET Fra me wo rk 4.5 Y
uaJ·e orie nta do a obj eto s seg uro y ele gan te que per
es un 1e ng mit e a los des arr olla dor es con stru .
amplio rango de aplicaciones seg ir un
uras y rob ust as que se eje cut an
sob re .Ne t Fra me wo rk. Se pue
. . C# para crear aplicaciones clie de
un 1izar nte Win dow s trad icio nal es, servicios
We b XML, com pon ent es
distribuidos, aplicaciones clie nte
ser vid or, apl ica cio nes para acceso
a bases de dat os, jue gos , etc.
Las ventanas en Visual C# 2013 tien
en com o característica la capacid
ad de ser desacopladas de su siti
original y acopladas en otro s sitio o
s de la inte rfaz de trab ajo .

Además, ofrece la pos ibili dad de

cre ar aplicaciones para mu cha s
pla tafo rma s de Mic ros oft, com
Windows Azure, Win dow s Phone o
o Sha rep oin t. Mic ros oft ha sido
sensible a la nueva ten den cia de
pantallas táctiles y con Visual C# 201 las
3 tam bié n es pos ible des arr olla
r apl ica tivo s para pan tall as mu lti-
táctiles y aplicaciones me tro para
Win dow s 8.1.

La sintaxis y est ruc tura ció n de C#

es mu y sim ilar a la C++, ya que
la inte nci ón de Mic ros oft con C#
es facilitar la migración de código
s escritos en estos lenguajes a
C# y fac ilita r su apr end iza je a
desarrolladores hab itua dos a ello los
s. Sin embargo, su sencillez y
el alto niv el de pro duc tivi dad
equiparables a los de Visual Basic. son

Es importante me nci ona r que C# es

un lenguaje de pro gra ma ció n que
tom a las me jore s car act erís tica s
de lenguajes preexistentes com o Vis
ual Basic, Java o C++ y las com bin
a en uno sólo.

Programación Orientada a Objetos

Es un paradigma de programación
y facilita la creación de sof twa
re con calidad por que pot enc ia
mantenimiento, la extensión y la reu el
tilización del sof twa re gen era do
baj o este par adi gm a.
La programación orientada a obj eto
s busca am old ars e al mo do de
pen sar del hom bre y no al de
máquina. Esto es posible gracias a la
la form a con la que se ma nej an
las abs trac cio nes que rep res ent
las entidades del dom inio del pro ble an
ma y a pro pie dad es com o la jera
rqu ía o el enc aps ula mie nto .
Los Objetos

La unidad básica de la pro gra ma ció

n orie nta da a obj eto s es el "ob
Academia Espan~ 1 d fi jeto ". El dic cio nar io de la Real
o a e ne e 1 term
' ·
ino bº d I
o Jeto como: ,o o o que pue de
"T.
0 sens ser ma ter ia de con
ib11
Td oci mie nto
ad de parte del sujeto, incluso est e mis
mo".
-- ~ V ~
.- -~ '· /

Los obje tos s

on
Vis Llal C# 2013.
tos e e
1
rn entos q U
e perrn1. ten rea lizar el d is
bjetos pueden se
LOS o
ru
ti li .
zados p a ra .
· e n- o 'f i
g ra c o d e n u e
st ra s api· .
icac,one
s tr
11

1
~~<i
► Mostrar ,n
. f rnación Qs ~t1
or
• Etiquetas
• Grupos de objeto
s
• Visualizar irnágen
es
► Introducir d
atos
• Cajas de texto

• Grid, rejillas

► órdenes
• Botones para ac +-ivar la acción a real
l, izar p o r el u su
ar io .
► Opciones
• Para seleccio
nar una opción
e n tr e varias.
• Activar una
opción en concr
eto.
► Selección de dat
os
• Cajas desplegab
les
• Listas de datos

Características
de los Objetos
Por ser ente s qu
e pueden ser m
anipulados en
distinguen. En es el m u n d o real
te libro se expon , los o b je to s
en tr es grandes ti e n e n ca ra ct en' ticas que \o!
. e le m e n to s: s
1. A tr ib utos:
So
. n ca. racter ísticas que definen
V pro po m ona al o b je to · ta m
n información ac b ié n so n c o n
su tamaño co lo er ca del e n te . P ' o c id a s corno pr ¡edad~
' r
' for ma , d.1mens1.
o r e je m p lo , u n a
p iz . oP atributo>
Muchas personas ones, etc. No d ar ra ti e n e vanos
. pi e nsa e b e n c o n fu n d 1o reí-
n qu ir se lo s a . t co n su
propieda d es el e un tn b u os s va
color y el I d atributo d e u n a c o m p u ta ve z,\¡
. va or e esta p d o ra e s q u e gra a su
ro p ie d ad e s n e e s ne
2 . M et od o s: g ro .
Son op er acione
que se e ncuent s
que un
ar ra nque, qu e leran o para comu . objeto p u e d e llevar a c a b o~
. o p a ra tr an st o ar el entorn
nic rr n
pe rmi te det e ne permite ponerse arse con o tr o s o b je to s. U , . e e un
étodº de
rs e U , n a u to m o v tl pos rn 1,
co munica rse co . n te\efono cel en marcha así c o m o do QLle
n ot 1 p o se e u n m e, d O de frena
to ¡te
ros aparatos de\ u ar p o se e un m é to d o d e le pe rf11
mismo ti e m is ió n d e se ,.., al que
po. n '
\
 3. Eventos: Es una acción llevada a cabo por un
ente externo que m 0 dºfi
1 ca e1 estado del objeto. Una
persona (objeto) enciende (evento) un auto , .1 { •
mov1 obJeto) con 1O 1
de inmovilidad a uno de movimiento. Una pe que e carro pasa de un estado
rsona hace un clic con I b
de una computadora , para que esta lleve a cab ., e otón izquierdo del rnouse
o una acc1on.

Clases

Es una plantilla o molde que permite la creación de un objeto.

Las clases presentan el estado de losobjetosa los que representan m d. .

. · . e iantevanablesdenominadasatributos
.
Cuando se instancia un obJeto, el compilador crea en la memoria d.in a, mica . ·
un espacio para tantas variables
corno atributos tenga la clase a la que pertenece el objeto.

Un buen ejemplo para comprender . .,

el concepto de clase se muestra en eI proceso d e fabncac1on
., .. . de bloque
para la construcc1on de edrfic1os.

Para hacer un bloque, el panadero hace masa, la extiende sobre una mesa Y luego procede a tomar un
molde con el que le dará forma ª la galleta. El panadero incrusta el molde en la masa y luego lo coloca en
un horno. Cuando la masa está cocida, es extraída del molde y se obtiene la galleta.

Si se observa detenidamen te la galleta, se verá que esta adquirió muchas de las propiedades del molde
(tiene la misma forma Y dimensión); sin embargo, el molde no puede ser masticado, no es una galleta, sólo
sirve para hacerlas.

En la QOP el molde de la galleta hace las veces de una clase. La clase es una plantilla que por sí misma no
es un objeto, sin embargo, le confiere muchas de sus características a estos cuando son creados. El objeto
puede tener sus propias característica s, no necesariame nte iguales a las de su clase (el molde es de metal
y la galleta de masa) pero en el contexto global son bastante parecidos.

Entorno de Desarrollo Integrado

Visual C#, Visual Basic, Visual F# y Visual C++ comparten un mismo entorno de desarrollo {IDE), que
permite el uso compartido de herramienta s facilitando la creación de aplicaciones en diferentes lenguajes.

Ingresar a Visual Studio 2013

1. Presionar la tecla Windows o Presionar la combinación de tecla CTRL + Q.

2. En el cuadro buscar, escribir Visual Studio.

Cuadro Buscar
 Mic . ual Stu dio 2013.
ros oft Vis
r .
die en
3.
Da lllraim
Dar clic aqu í
Pro vee

Es un a

Para e

d" 2013 , - º ' 1

P . . 1de Visual Stu ,o

antalla Pnnc,pa cl~~E~~•··~~~~.§~~~s~~~~!~~~!~~~=~

t>4
.
Página pnnopal • M zº¡¡~
~~~
:2= f QUIPO ~.A1n,c,a
~¡~¡ ; ~;~AVl/D
,crosoft Visual Siud10!:!ERRAMIENTAS

• " "'"· . .
PR Efl
A

' •
ANALIZAR VE):jTANA m ión

"'"""""°'"""" . ' '

I:]

~ - " ' " m '""" "

,,, General

No ha. cont roles ut,h;.iblt:s

t: n
to
Ultim ate 2013 Descub ra las
s te grupo. Arrastre un tle:mtn
a~'1e textoy a-;¡rt gut loal
(uldro dt' htrram1tnt1::
de Ulti mate ~
Inicia r
Pued e enco ntrar info r 6
Nuevo proyecto." nuevas caracte rísticas
5 Abrir prorecto ... Ul timatc 20 13 si revis
Abrir des de el ,ontro l de cod1go sig uientes.
fuente...
M,h 1nfom1 ac 16n llCUU dr 1
Ulf1m.1 tc20l3
Conozcn la~ ncvttl adcs di!' ·!
Duc ubr11 lu novcdadc.,, de
Recie nte

tá Utilizandi
el no mb re del pro ye cto y el no mbre del programa qu e se es
1. Barra de Tít ulo : Muest
ra

ite cre ar o ten er acc eso a pro yectos recientes, ten er acceso
2. Página Principal: Esta pág
ina perm
cto s así co mo lee r art ícu los recientes so bre programación.
du
/as próximas publicaciones de pro
s a cad a un a de las op cio ne s qu e Visual Basic po se e. Pa
3. Barra de Menú : Contiene
los acceso re
ba sta con llevar el mo us e y presionar encima del nomb
acceder cada un a de las opciones la Alt jun to con la letra que
l
sio na r sim ult án ea me nte la tec
cualquiera de las opciones o pre ba sta con Pr es ion ar Alt+H I
ed er me nú de he rra mi en tas
rayada. Si se qu iere acc
opción tenga sub
plegarán todas las op cio ne s de est e menú en la Pantalla .
se des ¡·
Est · t b
4. Barra de Herramientas· .,~
L b an ata jos a las princi pa e,
rn ,
op ciones qu e Presentan· losª compues a Por otones qu e propo
rcion d'
. ¡- . 0 0
e facilitan la ejecucoo
de tareas de uso común en 1 us . os t nes son Populares po r qu
en
are ivos, cor rer o depura r la ap licación. ecto, salvar el proyecto, aña
u
c,o ne s co mo cre ar un Pr oy
h' as ap •ca
o de Herramientas• Es una v
t
5 . Cuadr 'JI
· en ana acopla ble qu e muestra tod os los co ntr ole s con los cua,
. .
se rea/izarán los diseños de las 2013.
Soluciones• /V/ ª Plocac,on es cread· as en Visual C#
6. Explorador de
. Uestra el Proyecto en
lo componen.
Uso Ytod os sus archivos qu e
proyecto
ación lógica de archivos relacio nados requer idos para desarr ollar un
Es una agrup compo nente de softwa re.

un proyecto de Visual C# 2013, realiza r las instruc ciones siguientes:

para crear

Dar clic en el menú Archivo, posicio narse en Nuevo y a continu ación

1. Proyec to.

ARC HIVO
Nuevo ► 1 \S Proyecto ... Ctrl +Mayús,+N
Abrir ► ! '@ Sit io web... ti- M ayús.+Alt+ N

En la ventana Nuevo Proyecto, realizar las siguien tes acciones:

2.

a. De las plantill as de Visual C# 2013, selecc ionar Aplicac ión de Windo

ws Forms.

b. En el cuadro nombr e, escribi r el nombr e que desea asigna r a la aplicac

ión, en nuestr o
ejemplo "MiApl icacion ".

c. Dar clic en el botón Aceptar.

Seleccion~a=r= V:is: u: a: l: C
: #= =~- [
:::L
l: i~~\ta d e ; a nti Ilas
Juevo p t oy.:!cto ? LElJ
:::\
_. P/a ntill \
.N ET F, am ~ o rk45

i:::i
• J Ord c n .!!rpor. P redete~Hl ~ ~-

A ph ca ci 6 n de \' / ando= Fo,m , Vhual e = -.

_:_ g~ __
T ipo: Vi~ u al C ::
P.u~t~ •ent;:, P 1 .m~1t3:: ,P ~

:.;,,,:r Tiend a VJ. n d o ws

J:]
iiÍi
Ap hcaoó n W PF

Apl,c,c,6 n de cons o la v ,~u .JI C;=-

Proy e ct o para crea r una a ph cauó n con
una int e rf c1z de. usuario d e \,'/1n d ows For m e;

Wi ndo w s
t, W eb
t• Offic d Sha reP o mt
~5 Aphcac ión ~,.•eb ASP .MtT Visua lC=

Clo ud
&~~ B1bhot c c~ de d:1:;c s Visual e~
L1g h t Sw1t ch

t, En 111,ca H "' 9 ª cli c ~ g u 1 P ll! U bug a r p lA Qt 1ll <1'- f n h n <','1 .

~ o mbrc: W1 n do~ Form~Appl 1cdt1on~

,Ub1c11c r6n : C:~Apl icacro~VBC;:\

Q,;.;;;;;;;;:::-7
No mbre de la s o lución: \l'lin d o .,... !.Fo rm~ppl,cat, o n
~ C1e a r Qtrectono p ara la sol uc,én

,,I Ll Ag regar al co ntrol d e cód ,go f uente

[ A <ep ~ __, ~J -C-, n-ce-,,-, -

3. El
proyecto se verá como la siguien te imagen :

D4 M1Apllcaci on - M icro soft Visua l Stu d 10 o T 11ll ~ .1p1 .o .111~:'))

ARCHIVO ,P - 1:1 X
EDllAR !{ER f RO\' EC TO CQMP,LAR QEPURA~ fQUIPO fORtAATO tf[RR.A M l[NT A.S PRUEflA
ABQUrT(CTUP-A ANAl.lZ.4.R VE~l ANA t.V!JOA lntcl.lr '-e.tOn fJ
,S ~ ~ lil .Ji , ► Iniciar • • j o c b ug • ]
1

fol'ml .c ~ f01tcñoJ .¡;. X

fu.qu ,•d.Jt1, .. t (u,1.d,o<.l~T•• p .
lE Lonu ,ouo,
~ Date r ,mc P,d e, Forml
A Labd
A Linr.labrJ
Ci1 S,•l,11.,on · r,.., ,_,_\ phc.1c101\ ( 1 µ,oy
ti] • • MLl\\1lk..rio11
L1ttU0.
I> ~ P 1op,:, n 1c:.
,~ l1:.tV, cw
I> 'C1 Re fc 1cnce~
/,1 a-;.rcdl o t 0 ux -J..J ~\pp.conf ,9
~ ,.,,cnO,(..:,lcndo, (1":I r o m , 1 .... s
6. N ot,fy1run .:• Progr.:n n .c-.
[6 N urnc-ri<U p Oown
@ P,ct u , c Do~
8D P ru 9, ,.•,iBa ,
G) R.1L1 11.>0 uHon
10 b pl o r .id, ..
R,,: t;l ~OllX
R T~1.o o.
lo foo l T1p

i"1 W irbU, c;w:."",

C, Co,n enrdo <o:\
S1ze-GnpSt·yle A ~it o
'il 1tt1l>o~ rll 0n
t, '-1o:cnu~ \ li 41r4 , ae htu ~rn ic Vl1ncl o W'. O t'fa ul
1 º••oi. log
l ot
For m1
 - . 1nombre de la aplicación Yel primer objeto
Se puede observar en el explorador de soluciones e Por d~¡~
en este tipo de proyecto.

• \l X
PI
bplorador de soluciones ••
a, 'e•'1r~ll'1 1° >- .
~ P·•
' Busur ~n ti hplcrador de sotuoont.$ {Ct.rl: 1 -

.c;1

~
Solución 'MiApliucion· (1 proyecto)
~ MIAplla,cion
JI Prop!lties
J Nombre del Proyecto
J
~
~ ■ · ■ Rdttences
V~ App.coofig Formulario - Primer

~ C' Program.cs
objeto por default.
1

Nota: un proyecto contiene todos los archivos necesarios para la aplicación Y almacena

información sobre la aplicación . A veces, una aplicación contendrá más de un proyecto, Por

ejemplo: un proyecto de aplicación para Windows y uno o varios proyectos de biblioteca de clases,
tal aplicación se denomina solución.

Formulario

Es el entorno gráfico (Ventana) sobre la cual se diseñará la interfaz del usuario. El formulario es en sí,
objeto y por lo tanto tiene propiedades a las que se le puede cambiar su valor durante el desarrollo de
aplicación (Vía Diseño) o durante la ejecución del programa (Vía Programación) .

form1 .cs (Diseño] -a X

~ Form1

) / Formulario J.. - Minimi:t.6ox

0 M1nimumSur
Opuity
T,u,
o.o Propiedad, s del
' ID Padding
100%
O, O, O, O
Formul a io
R19h1Toldt No
Ri9htToleflt 11rout far ~,
Showlcon Trut-
ShowfnTitslcbar Tru,

) ~----e,--- --~
' r.,,
G Su,
S1zc(irip5!yl,
StartPosrt,c n
T,g
300, 300
Auto
WindowsDrfaultlocat1o,

Fom,t
TopMost
1 "I Text
fe fsc

1 Ta-10 1socia do al COf'lhol ,

Cambiar Propiedades de/ F .

ormu/ar, 0
Para cambiar el valor de las P . d
rop1e ades del formul . .
.
1. Seleccionar el forrnul . ano, realizar las siguientes instrucciones:
ano.

2. Seleccionar la propiedad
1
a a cual se le desea cambiar su valor.
3.
Asignar el nuevo valor a la p .
rop1edad.
 , utilizadas del Formulario
•e·dodesma5
proP' utiliz ado en el código para iden tifica r
. permite cambiar el nom bre del objet o, el cual será
► Name,
al objeto.

Propie dades
form1 System.W'ind ows. Form s.Fo rm

1±] (Appli cation 5ettin gs)

1±] (DataB inding s) Propiedad Name
l
Accep tButto n 1).
Form1
(ningu no) 1
to (Form ulari o).
sackColor: Permite camb iar el color de fond o de un obje
►
---
forml.cs [Diseño] -ll_ XI _ ,,..,_-·-
, _,~~~ ~~
""'
Prop iedades
Form1 System.W md ows
• .!J X -
Propie dad BackCo ~
Forrn1 ~~! ~i 1 .JJ f 1 "'
Aut 0S1z:efvlo de Gro
AutoVa li dat e ,.. ... ,eP revent Foc usC ha,
10 Control .,,
I
Back gro u Perso nalizado We b Sistema
Backgrou D Ac t1ve8order ~
CancelBu D ActiveCa ptíon l,..f

Cause:sVa - Act1ve(a ptEonTezt

Contextl,1 D Ap p V/o rkspa ce
Co ntrolB D But:cnFac e
Curso r D 8u rtcn Highligh:
D ButtonShadow
DoubleB L Dafflfi D+ ~-·:l:';
Enabled D Con,rolDa rk
l±I Font 0 Con t ro/DarkDark
Fo reColc D ContrclLigh t
FcrmBord _q Controllig htligh t

ulari o).
► Text: Controla el texto asociado al cont rol (Form

Aquí se muestra el texto de la propiedad Text

Propiedades ~ q. X

- -----.., Form1 System.Wi nd ows. Form s.Form

Mi Aplicac ión C)
~~¡ i'i ,[J f 1

Opa city N:)0%

f±I Padd ing b;'o, D, O
Right Tol eft No
R,g htToleftl ayout False
Showk on True
ShowlnTaskba r True
f±I Size 300, 300
SizeGrip Style Auto
Sta,tP osition W111dows Defaultl ocati or
Tag
MiAplic adón
Propiedad Text False
Transpare ncyKey
□
False
UseWait Curso r
o
Wincl owState Normal
 . n de fondo al formulario o cualquier ab·
d a ubicar una image !eta
Backgroundlmage: Ayu ª ~~~ ,
►
contenga esta propiedad.
• Propiedades
Form1 .es [Diseño]* .¡, X

~~'. ~~ l~ f lr el
l±l AutoScrollMinSize O, O
AutoSize False
AutoSizeMode Growünly
AutoValidate EnablePreventFocusCha,
BackColor O Control
l±l Backgroundlmage il MiAplicadon.Prop,
Bac kgroundlmagelayo Tile
(ancelButton (ninguno)
CausesValidation True
(ontextMenuStrip (ninguno)
ControlB ox True
1
Cursor Default
DoubleBuffered False
l
► Backgroundlmage layout: Controla la forma en que se muestra la imagen en el objeto (Formulario),!
Como se ve en el ejemplo de Backgroundlmage .

Guardar el Proyecto

Para guardar el proyecto, realizar las siguientes instrucciones:

l.
Dar clic en el menú Archivo y a continuación dar clic en Guardar Todo.

: ARC HIVO ____g>!T_!,.~ VER - ~QYEC~O COM PI LAR DEPL

Nuevo
Abrir

Agregar al control de có dig o fu ente

Agregar
► 1
Cerrar
O Cerra r soluc ió n

lif Guardar Fornil .e,

Ctrl +S
Gua rdar Fornil ,e, corno ...
i;r' Guardar tod o
Exportar plant illa ... ~ Ctrl+M ay ús.+S

Co ntrol de có digo fuente

l- •~ 2·,:~,:,
'i ir:- rr

Config ··
urac1on de la cuenta ...
Archivos recien tes
Proyectos 1 -
y so uc1o nEs recientes
0 Sa lir

Alt+ F4
Al dar clic sobre Guardar t d - -- - - - -
o o, se guardarán t d
o os los cambios que se ha .
van realizado en el proyecto.
 ( UNID AD ll l

Controles de Visual C# 2013

. C# 20 13 cuenta con una gran cantidad de controles que se pueden integra

Visual r al formula rio, cada uno
.
liza diferentes funciones. Los controles son el elemen to que interac túa .
de ellos re ª , . dentro del formul ario
usuario Y el cod1go.
entre e1
. ción se muestra una tabla con los control es más utilizados:
A continua

Control
Función Descripción
- Control TextBox Muestr a texto escrito en tiempo de diseño
que puede
ser editado por los usuarios en tiempo de ejecución o ser
o
><Q)
1~ TextB ox 1
modific ado median te programación.
.¡.i Control RichTextBox Habilita la presentación de texto sin format o o de
Q) texto
-o
e enrique cido (RTF).
,o 1 ~~ RichTextBox 1
"ü
:a
UJ
Control MaskedTextBox Restringe el format o de los datos
propor cionad os por el
usuario.
1(.). Ma skedTextBox 1

Presentación de Control Label Muestr a texto que los usuarios no pueden modific ar
la información directa mente.
(sólo lectura)
IA La bel
1

Control Checke dlistBo x Muestr a una lista desplaza ble de elemen tos, cada
uno
acomp añado por una casilla.
1g:: Checkedli stBox

Control ComboBox Muestr a una lista desplegable de elemen tos.

1~ Comb oBox 1
ro Control Domai nUpDo wn Muestr a una lista de elemen tos de texto a través
+-'
V)
de la cual
los usuarios se pueden desplazar median te botone s hacia
ro
e
::::, 1□ DomainUpDow n 1
arriba y hacia abajo.
(l)
"O Contro l ListBox
e
Muestr a una lista de texto y elemen tos gráfico s (íconos).
'º·¡:¡
~
u
(l)
1~ Li stBox
1
V)
Contro l ListVie w Muestr a los elemen tos por medio de una de cuatro vistas
diferen tes. Las vistas son sólo texto, texto con íconos
1~? ListView 1
pequeñ os, texto con íconos grande s y una vista Detalles.

Control Numer icUpDo wn Muestr a una lista de númer os a través de la

cual los usuarios

l[E Num ericUpDow n 1

se pueden despla zar media nte botone s hacia arriba y hacia
-=-- -
Presentación abajo .
de gráficos Contro l Picture Box Muestr a archivo s gráfico s tales como: m apas de bits e íconos,
en un marco .
( 8J Pi ctureB ox
1
 \ /15UAL
·"•V-~--"'--·.
ctt)··
~ Muestra una ca
____
silla y una etiqueta para texto. s
. e lltil¡~il 1
1
r
,..------ ~-
contro 1 CheckBox
_ general para establecer opciones. ~~

1 r
V,
7
0 ( heckBOX J Muestra-una lista desplazable de element~
-o
Q)
~ontrol CheckedlistBox ~ do por una casilla. ~Q
o acampana 7
.¡..J
e
Q)
.E Muestra un b
tón que puede activarse o d e s a c ~
° e. 1
'ü Control RadioButton
Q)
1i
ro
.¡..J
V,
UJ (0 Rad ioButton J ndario gráfico que permite que l o ~ ,
. ker Muestra un eale ar1 01I
Control DateTimeP1c
. seleccionen una fecha o una hora. 1

Establecimiento ~
l l j-~·~--·:Jofa~t-egT
";i1-11-e;; P
;i,-";k-er,;Jl--;-_~==~~~~~rio~Afi;;qi~pE;;~~~;-¡;~
Muestra un calendario gráfico que permite que l o s ~ I
de fechas Control MonthCalendar
seleccionen un intervalo de fechas. \

L_____~,Control
~~~:;,.-~ Button
Comandos
~M::o~nt~h~C~al~en~d~a~r ~'--+~~~==~~~~~;-~~~~~---------...
Inicia, detiene o interrumpe un proceso .
I

i¡
Button 1
Control Panel Agrupa un conjunto de controles en un marco sin etiqu;
V)
Q) 1
o.._ que permite el desplazamiento.
Panel 1
,¡...,
e
o
u Cont rol GroupBox Agrupa un conjunto de controles (tales como botonei
V)
o
,_
de radio) en un marco con etiqueta, que no permite el 1
,¡...,
o 1tJ Grn upBox 1

,~
,_
ro desplazamiento. 1
a.
.._
::::i Control TabControl Proporciona una página con fichas para organizar y tener 1
tl!)
<(
TabControl 1 acceso a controles agrupados de forma eficiente. ¡I

Los contrnles se encuentran ubicados en un cuadro desplegable a la izquierda del formulario. tv

p

c:::n- x. ~ - -- - ------,
© Si el cuadro de herramientas no
" L h,'! ,. 1,, fo ml
lt f .. tJ.ri:,
O r• est á activo, puede activarlo desde
121 '"'·.
el menú ver y dar clic en Cuadro de
:: •..L .. :_

~ vt1¡-¡; r
Herramientas o presionar la

º combinación de teclas Ctrl + Alt + X.

l..l. ,, •
1

1
II. 1 ,; '

o ·•· _,. ..
Formu lar
h 1
b

.1 Cuadro de
Herram ientas
 (___U:=
N:::;::;;
ID;z:! A_D_ll_I _ _ l_
e Insertar Controles a un Formulario
Formas d

► Hacer doble clic sobre el ícono del control. Se colocará un control en la parte izquierda superior
del formulario.

► Hacer cli_c sobre el ícono del control Y después clic sobre el formulario. El control se insertará
en el punto que hemos indicado Y se extenderá hacia la derecha y abajo según su tamaño
predeterminado.

► Hacemos clic sobre el control Y a continuación clic en el formulario; pero esta vez sin soltar el
botón izquierdo, dibujamos con el ratón la posición y tamaño del control.

Ejemplo:

---- ~~-"
Cuadro de hem1m1tntas • , ,11: X i
Busqueda en el Cua drc dE he: P·
I> Todos los formularios Wi nd ... • Form1
,. Controles co munes
~ Puntero Doble Clic
@
button2
Clic en el control,
0
·-
g= CheckedlistBox
button3
después en el formulario

'rfl ComboBox
Dibuiar control
~ DateTimePickef

A Label
~ Linklabel
IDl ListBox

Control Labe/ 1 A Label

Muestra texto o agrega leyendas que el usuario no puede modificar manualmente durante la ejecución del
programa. La propiedad Text, permite manipular" el texto que se muestra en una etiqueta.

Control TextoBox 1§] TextBox

Permite la manipulación de texto por parte de los usuarios.

Crear un cuadro de texto de contraseña con el control TextBox

Un cuadro d ~ · l usuario
e contrasena, es un cuadro de texto que muestra caracteres marcadores mientras e
escribe una cadena de texto.
 control sutton 1 (w Button
ario hacer clic sobre él y ejecuta una acción. El código a ejecutar debe escribirse en el evento
permite a1usu
click. Ejemplo:

Multiplicar Tres Números

. mplo el control Button se utiliza para realizar la multiplicación de los números introducidos por
En este eJe
. mostrar el resultado en un control Label.
el usuario Y

. ar este programa realizar las siguientes instrucciones:

Para rea l12
Crear un proyecto con el nombre de MultiplicaTresNumeros.
1.

. Guardar el proyecto dentro de C:\Tareas Fa res.

2

El proyecto debe verse como la siguiente imagen:

· Explorador de soluciones ,.. 9- X

Gr I T0 • ~ ,~ sil r~ 1 1' __. ~

B~sc~ en el Explorad or de so luciones (Ctrl + ') P •
:;;J Solución 'MultiplicaTresNumeros' (1 proyecto)
IE!l
I>
I> ■ -m References
y'J App.config
I> ~ Form1.cs
I> C# Program,cs

3. Diseñar Interfaz del programa.

Multiplicación de Tres Números l =-11 8 11~ 1 textBoxl

Labell Ingrese el prtmer número : ,--- 1
Label2 Ingrese el segundo número: textBox2
Label3
Ingrese el tercer número :
1
Label4 textBox3
Resultado : 1
Calcular Salir l LabelS
1
Buttonl
í Butto~2
J
 ~
,,_1 v. ~
.. , '\/
- ·/. .'
'::" . eño de ac uerdo a
dsdeldiS
. te tabla:
la siguien ----~-.
.-. . propieda e
4. Caíl1 biar las

, meros

ro

TextBox2

Vacío
Ese
TextBox3 Txtn3
qUE

Buttonl BtnCalcular
Text
Calcular
Button2 Name
BtnSalir
Text
Salir

• La propiedad MaxirnizeBox, desactiva el botan de maxun,zar del formu ano c

"false" y lo activa cuando está en "true".
, . • 1 . uando esta' en

• La propiedad MinirnizeBox, desactiva el botón de minimizar del formulario cuando

"fal se" y lo activa cuando está en "true". es
tá en
12
1
• La Propiedad AutoS e, cuando está en true hace que el control Label se maximice deª d
manera . rnanual. . cuerOD 1
ª texto asignado
. en la Propiedad Text; si está en "false", permite establecer se laman
"o i

, La propiedad BorderStyle Perrn · bel.

11

' e agregar o quitar un borde alrededor del control La

 am ar el botón BtnCalcular.
5. Progr
Hacer doble clic sobre el botón BtnCalcular (Calcular), se mostrará la siguiente pantalla:
•
~ MultiplicaTresNumeros.Fonn2
EJ using system;
! using System. Collectio ns. Generic;
,T
.L

A
' using System.ComponentModel;
using System. Data;
using System . Drawing;
using System. Li nq;
using System. Text;
usíng System. Threading, Tasks;
l using Syst em. lllind oNs. Forms;
El namespace Mu ltiplicaTresNumeros

1 { : refe'E'"ª'

1
l::l
~ubl~~rf: ~_: : ,: al class carm2 : car~

public Form2 ()
{
Iní tíali;:eComponent();

a pr í vate void BtnCalcula r _Click( ob jec t sender, cventArgs e)

{

l_ Aquí se escribirá el código

1

~} } del botón Calcular

1

Escribir el código que realizará la multiplicación de los tres números introducidos por el usuario y código
que permitirá salir del programa de suma.

~ Multiplic~TresNumeros.Form1
:;,-using system;
using system .Coll ecticms . Gen,e ,ic;
¡ using system.cm por.ent Mcdel ;
us i ng system. Data;
usi.ng s;rstem.Dra t-:i ng; 1

using system. Linq;

using S~'stem. Text ;
using system. Threa d.i ng. Tas ks_:
: using s:{stem. Hi ndc ~Js . i' or ms;

~ naoespace Mu lti plicaTr esN•Jmeros

!{ J ·=·=·e•:,,:
publ i c part!.al clas s F~1-.1

l {
E public Foml ()

Init i ali zecompone nt () ;

pr í vate voi d Eltnca lcular_Click (obj ect sender, E'! EíltArgs e )

l ong vnl, vn2, vn3, vres ul;

vn1 = cor.vert .Toint32 (Txtn1.Te xt ) ;
vn2 = conven . Toi nt32 (Txtn2. Te:-.' t ) ;
vn 3 = convert . Tornt32 (Txtn 3. Te:-.' t ) ;
J-,,_
Código del botón Calcular

vresul = vnl * vn2 • vn3 ;

LblRes ul todo . Te,:t = Ce,nv¿,t . ToStl'i ng(vresu l) ;

pr í vat e ,1oi ó Bt ns al ir _c lick(ob ject se nder , Event.,,rgs e )

{
th i s .Clos e () ; ~
Código del botón Salir
 Result ados :
--- :--_-.der;es Númt ps □
____ 1
Multip l~ac1ó ~ - -- =---- __

J_ j
1primer número : [~ - - -
Ingrese e - -

Ingrese el segundo número : 1 ----

'10
13--
---=---
--- --- -
Ingrese el tercer número : __J
i._=_c-__ ____ ---
Resultado : ¡
1SO

- - -- 7
Salir

. c1on
- y Ub1ca
Adaptar los Controles al Tamano . , dentr o del Form ulario
. .

tana de Wind ows (f ormu Iªrio) ' se pued e hace r red1m ens1o nable
El tamaño de una ven , es decir que\
b. de tamañ o· en estos casos, lo adecuado sería que los contr oles que el for~
usuarioga, Ua~
conten puede
se a dcam ,ar ' , . nuevo tama ño de
apten de mane ra autom atica a 1 la venta na, con la idea que no qu 1.'
e~tr
huecos vac10
, sal cambiar el tamañ o de esta.

Ejemplo:

Ventan a Sin Agrand ar

Ventan a Agrand ada
,. _ ,coo,01¡ - 0
l!all ,g Ajustar Controles
□~
~-
Nombre
-
-
-~-
--~- --
•
- -
1
1 r ld:dad• ~ - - -
j
l Nombre ·
Nota:

_J tormu
1 _ _

T"ono 1 1 j "I - - - - -
Telfono •
- - -
-
--
_ _ ...J
I_.__ 1

- - -
Se puede comprobar que en la ventana agrandada .se mues
tran los contr oles con el mism o tamaño!' Expe1
misma posición que en la ventana sin agrandar.

e
Para que
propie los controles se adapten de manera autom ática al tama ño
dad: de la venta na, modi ficar la siguiei!
Ejerc

h
Propiedad Anc or: Define a que bordes del formu lario
o conte nedo r está enlaz ado un control.
control está delimitado 5111
perma necer á consta nte. con relación a un borde de\ form ulario , la dista ncia entre el borde especiftcal

-1 1 •WI r a.p, Left

AutoConiple teCusto :·\
AutoCo nipleteMod /!
e ,.1
Auto CornpleteSn urc1
BackCo lor ............,
............ :

l..1
 \. UNIDAD 111

. . Crear un proyecto e insertar un textbox en el formulario y realizar cada una de las pruebas que
E1emP 1o. . .,
estran a continuac1on:
se 1e mU

xtbox al borde inferior y derecho

Anclar e1 te

r Sin Anclar

A~Sa,(oo~ - w -:'il[J
Anclado

Ajustar! Co~tr
- oles - °'i
l 1¡ ?J~
Anclar el TextBox al borde superior, inferior, derecho e izquierdo.

En este ejemplo, cambiar el valor de la propiedad Multiline del TextBox de false a true.

Sin Anclar Anclado

-'ª'.i'~l·~iil_# _· _· ~•- ·-,-,

' ___-=-1Q□J_~_¡ _• ¡_;M_#_ ·_f:1•_,,_
i/::-1:i-i_ _ _ J_ : ,-1
.=.lQ□_~_¡

Nota: Realizar diferentes pruebas para conocer la manera en que los controles se anclan a los bordes del
formulario o un contenedor.

Laboratorio 1

Expectativa de Logro:

Con este laboratorio, el lector aprenderá a utilizar los controles más comunes de Visual Studio C# 2013.

Ejercicio 1:

Crear una aplicación que permita introducir el Código, Producto y Precio de un producto y que
devuelva como resultado el impuesto y el total a pagar. El diseño de entrada y salida debe ser similar
a la siguiente imagen:

Protctos - TextBoxl
Labell
1
Código 1 ComboBoxl
Producto ,
TextBox2
Preao

Impuesto

LabelS

Buttonl
Total a Pagar

Aceptar Sal<r
Label7 7
Button2 \
 propiedades

------
pr op ie d~ V alor -
Objeto
~ ·

Forrnulario
Text
-
Pr od uc to s - 1
~

Text Có di go -
-
·

~
Lab el l
Label2
Text- Pr od uc to - 1

Label3 Text Pr ec io -

~Label4
- Text Im pu es to -

LabelS Text
Text
To ta l a Pa ga r
Va cío
1
Label6
Name Lb llm pu es to 1
SutoSize False
BorderStyle Fi xe d3 D
Text Vacío
Name Lb lT Pa ga r
Labe\7
SutoSize False
BorderStyle Fi xe d3 D
TextBoxl Name Tx tC od ig o
ComboBoxl Name Co m bo Pr od uc to
TextBox2 Name Tx tP re cio
Bu tto nl Name Bt nA ce pt ar
Text
Ac ep ta r
Button2 Name
Bt nS al ir
1
Text
1
Sa lir
Para llenar el ComboB
oxl con los elementos
de la lista, re ali za r las
sig ui en te s in st ru cc io
ne s:
1. Seleccionar el Co
mboBox.

2. Dar clic en la propied

ad ltems.

l 1. l - ::J «M~cior n Da r clic aquí 1

3. Escribir la lista de
productos
. ..
apltcac1on. que desea se m ue st
re n pa ra su el ec ció
n al m om en to de eJ•ecutar l0

td ito r de col ··
ecc1on de cCden as
?
brn b a las ca den a •
~
1 el1:v1.so r So- ny _ , : n 1~ co lec ció n (un a por
lín
, T ele_viso r Sharp
- -- - _ _ _ea) :
__ _
Equipo de Sonid o LPT
Equ ip o de Son ido LG
Ra di og rab adora\

Ace pta r
1
_Ca nce l_a r _J
 (_
U-=N=ID
;;:;:;:A
=D~ ll-1_ _ j ,
~-
Programación

Botón Aceptar
private void BtnAceptar_Click(object sender, EventArgs e)
{
long precio= Convert .Tolnt32(TxtPrecio.Text);
long impuesto;
long Tpagar;
impuesto= precio* 15 / 100;
Tpagar =precio+ impuesto;

Lbllmpuesto.Text = Convert .ToString( impuesto);

LblTPagar.Text = c6nvert .ToString(Tpagar);

Botón Salir

prívate voi d BtnSalir_Click( ob ject sender, EventArgs e)

{
t his . Clase();
}

Programación completa del Ejeciciol

us i ng System;
us i ng System.Collections . Generic;
using System.ComponentModel;
us i ng System.Data;
usi ng System.Drawing ;
us ing System.Linq;
usin g System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

na mespac e Productos
{
public partial clas s Forml Form
 ·----
{
pub lic Forml()
{ rni tia liz eC om po nen t() ;
}
. .d Bt nA cep tar _C lic k(o bje ct sen
pri vat e vo1 de r, Eve ntA r gs
e)
{ ·o - co nv ert .T oin t32 (T xtP rec
l ong pr ecl - io. Te xt) ·
l ong impuesto; '
long Tpagar;
im pu est o= pr ec io* 15 / 100 ;
Tpagar =p rec io+ im pu est o;
Lblimpuesto.Text = Co nv ert .T oS
tri ng ( im pu est o);
LblTPagar.Text = Conve r t .T oS tri
ng (T pa ga r);
}

prí va te voi d Bt nS ali r_C lic k(o bje

ct se nd er, Ev e nt Arg s e)
{
t his . Cl ase ();
}
}
}

Resultados

o
Productos - □

Código
Código: 110
Pre.dudo: 1_
J
~ 7&m 1~1
Pn,,ac
~el~v1sor:-CS~ha:':rp: - - - " ~ ~
e.quipo de Sonido LPT
lmpu eS'to E~u1 po de Sonido LG
Rad1oprabado ra
1 l1r j Precio: r7ooi - -- -- - ---- ·- --.
l. .. ·-- -
Total a Pagar: lnipuesto : f1050___ ---

Aceptar
Total a p0 ~,r: ¡P.-050 ---------
Salir

Salir
 Autoevaluación #3

Tipo Verdadero o Falso

n cor rec ta o una F si
en el par ént esis de la der ech a una V si con side ra la pro pos ició
. nes· Escribir
,strucc10 •
respuesta.
·dera falsa·, de ser falsa jus tifiq ue su
3 cons1
......................... (
2013 vien e aco mp aña do por .NE T Fra me wor k 4.0 ..............................
1. Visual C#

............................ ( )
....................
3 pue den ser desacopladas ..........
2. Las ventanas en Visual C# 201

sar del hom bre .............. ( )

gra ma ción orie nta da a obj eto s busca acoplarse al mo do de pen
3. La pro

........................... ( )
ica de la pro gra ma ción orie nta da a obj eto s es el hom bre .. ........
4. La unidad bás

........ .......... ..... .... .............. (

atri but os son los eve nto s prin cipa les de un obj eto .. :....................
5. Los

grá fico de nuestras aplicaciones

6 Los objetos son los ele me nto s que per mit en realizar el dise ño
· .. .... .... .... .. (
.. ......................... ....................... ............. ..... .... ...
creadas en Visual C# 201 3 .. ........ ......

............ ........ .. (
7
un obj eto que rea liza una actu aliz ación de la ap licación ...............
· Un método es
 Tipo comp/etación
ala bra s qu e ha ga n co rre
\
la palabra o p cta cada
'nea en blanco Llna d
. cada l 1
. . Escribir en
1nstrucc1ones .
~ 1~1
.
oraciones.
un ob jet o pu ed e lle va r
a ca bo pa ra transformar
era
son Op ciones que co n ot ro s ob jet os .
1. ~ n c u e n t r a el
n o para-----
- - -
entorno en que se
b po r un en te ex t er n o qu e m d'f i
es una acc1•ón llevada a ca o o I ca el est d
2. a ode\
objeto.
Id
es una plantilla o mo e q ue pe rm ite la cre ac ión de un ob jet o.
3.
------
bre del pr oy ec to y el no mb
muestra e1 nom re de l pro gra ma que se est·
4.
a
utilizando.

5. - - - - - - - -muestra el proyecto en uso y tod os sus ar ch ivo s qu e lo componen,

Tipo Respuesta Breve

Instrucciones: Contestar en for
ma clara y precisa cada un
a de las int er ro ga nte s
continuación: qu e se le muestran a

1. ¿Qué es un cuadro de he
rramientas?

2, lQué es un provecto?

_____
_ _ _ __

____________-/ \
_________, 1
____
____
_ _ ____ ___
_, 1
 _ A una aplicación que tiene más de un proyecto ¿Cómo se le llama?
3

4 _ ¿Durante qué momento se le puede cambiar el valor a las propiedades de un formulario?

s. ¿Qué propiedad permite cambiar la imagen de fondo de un formulario?

6. ¿Cuáles son los pasos que se deben seguir para guardar un proyecto?

7. ¿Para qué se utiliza el control ListBox?

_;_v:rsUAL C# /
Tipo Práctico

ua c1. on
, ·.
le m ue st ra n a co nt in
actividades qu e se
Instrucciones: Realizar cada una de las

nú me ro s, de be te ne r la sig ui en te ap an.encia:
s
l. Crear una aplicación que reste do
' '

11!1 Resta
de dos Numeros 1 ~ ] s ] lr n7 ·
Primer Numero

Segundo Numero

Resultado

[ Calcular j [ Salir l