tema 07. interfaz gráficas de usuario gui

7/21/2019 Tema 07. Interfaz Grficas de Usuario Gui

1/11

PROGRAMACIN MECATRNICAMatlab Guide16 de Septiembre 2014

Faultad de I!"e!ier#a$ % Ar&uiteturaI!"e!ier#a Meatr'!ia()e!te Cri$t*ia! I+a! Ria,) -aime$

.NI/ERSI(A( (EPAMPONA1 de

1

INTERFAZ GRFICAS DE USUARIO (GUI) CON

MATLAB

INTRODUCCIN

El )beti+) de la la$e e$ apre!der a realiar i!ter3ae$ "r5a$ de u$uari) )m7!me!tede!)mi!ada$ G.I8$9 a +e!taa de Matlab )! re$pet) a )tr)$ pr)"rama$ e$ la +el)idad pararealiar lul)$ e5ie!teme!te9 a$ apliai)!e$ reada$ )! Matab puede! $er eeutada$e! )tr)$ )rde!ad)re$ % la p)$ibilidad de rear i!ter3ae )! *erramie!ta$ 7tile$ para &ue )tra$per$)!a$ $i! l)$ $u5ie!te$ )!)imie!t)$ la$ ma!ipule! u$ti5a la e!$e,a!a9

COMPONENTES

El ambie!te de pr)"ramai'! de Matlab e$ta )mpue$t) p)r u! a i!ter3ae "ra5a )! +aria$*erramie!ta$ di$tribuida$ e! +e!ta!a$ &ue permite! pr)"ramar re+i$ar a!aliar re"i$trardat)$ utiliar 3u!i)!e$ *i$t)rial de )ma!d)$ % de$arr)llar di+er$a$ apliai)!e$9 a pa!tallapri!ipal de Matlab $e pre$e!ta e! la Fi"ura 19 1p)dem)$ aeder a Guide p)r medi) del i)!)$e,alad) ) e$ribie!d) la palabra Guide e! el pr)mpt9

.!a +e $e i!iia Guide +em)$ la +e!ta!a ) e!t)r!) de pr)"ramai'! e! la &ue aparee la$)pi)!e$ m)$trada$ e! la Fi"ura 19 29

[email protected] [email protected]

GuideNuevo Archivo

Figura 1. 1 Ambiente de Programacin


2/11




2

Figura 1. 2 Guide Quick Start

P)dem)$ abrir u!a G.I &ue %a 3u:$em)$ read) p)r el m)me!t) !) l) *arem)$ de$pu:$ de*aber "uardad) !ue$tra primera G.I ) )me!ar )! u!a G.I e! bla!) %a p)drem)$ i!"re$aral el p)r e$te medi)9 a$ )tra$ )pi)!e$ )3ree! u!a pla!tilla e! la &ue %a e;i$te! al"u!)$)!tr)le$ ?); &ue die Sa+e )! $tartup a$@ % !)$ bri!da la p)$ibilidad de $elei)!ar u! !ue+)diret)ri)9 Su"ier) marar la a$illa para ati+ar la )pi'! ?r)$e % dar el !)mbre de la i!ter3aa de$arr)llar e! u! diret)ri) +a#)9 Partirem)$ de ?la!> Gui


3/11



.NI/ERSI(A( (EPAMPONAB de

3

E$ imp)rta!te 5ar!)$ &ue al "uardar la i!ter3a de$de el )mie!) !)$ e!)!tram)$ )! u!)$ar*i+)$ !ue+)$ e! !ue$tr) diret)ri) ele"id)9 .! ar*i+) e$ i!ter3ae195" % el )tr) e$i!ter3ae19m9 A!te$ de )me!ar a ma!ipularl)$ e$ )!+e!ie!te re+i$arl)$ para +er la$di3ere!ia$ &ue $e +a! a ir pr)duie!d) a medida &ue +a%am)$ i!tr)duie!d) eleme!t)$ de!tr)de la i!ter3a9

functionvarargout = Interface1(varargin)% INTERFACE1 M-file for Interface1.fig% INTERFACE1, ! it"elf, create" a ne# INTERFACE1 or rai"e" t$eei"ting% "ingleton&.%% ' = INTERFACE1 return" t$e $anle to a ne# INTERFACE1 or t$e$anle to% t$e ei"ting "ingleton&.%% INTERFACE1(CA**+AC,$ect,event/ata,$anle",...) call" t$e

local% function na0e CA**+AC in INTERFACE1.M #it$ t$e given inutargu0ent".%% INTERFACE1(2roert!,3alue,...) create" a ne# INTERFACE1 orrai"e" t$e% ei"ting "ingleton&. 4tarting fro0 t$e left, roert! valueair" are% alie to t$e 56I efore Interface17eningFcn get" calle.An% unrecogni8e roert! na0e or invali value 0a9e" roert!alication% "to. All inut" are a""e to Interface17eningFcn via

varargin.%% &4ee 56I tion" on 56I/E" Tool" 0enu. C$oo"e :56I allo#"onl! one% in"tance to run ("ingleton):.%% 4ee al"o; 56I/E, 56I/ATA, 56I'AN/*E4

% Eit t$e aove tet to 0oif! t$e re"on"e to $el Interface1

% *a"t Moifie ! 56I/E v?-Mar-1@ 11;>;

% +egin initiali8ation coe - / NT E/IT

gui74ingleton = 1Bgui74tate = "truct(gui7Na0e, 0filena0e, ... gui74ingleton, gui74ingleton, ... gui7eningFcn, Interface17eningFcn, ... gui7ututFcn, Interface17ututFcn, ... gui7*a!outFcn, D , ...



4/11




4

) &ue e!)!tram)$ e$ u! ar*i+) de tip) 3u!ti)! )! la e;te!$i'! arater#$tia deMatab 9m9 E$te ar*i+) e$ )!$truid) p)r Matab % la$ l#!ea$ de 'di") &ue aparee! $)! la$&ue rea! la i!ter3a &ue aparee e! el ar*i+) i!ter3ae195"9 El ar*i+) de i!iialiai'! de5!el)$ parmetr)$ b$i)$ de la i!ter3a % rea u! )!u!t) de *a!dle$


5/11



.NI/ERSI(A( (EPAMPONA de

5

%abla 1 com$onente&.

Procedimiento para crear la primera aplicacin.

El )beti+) del eempl) e$ rear u!a alulad)ra )! 3u!i)!alidad $imple pue$ +a $er !ue$tr)primer )!tat) )! la *erramie!ta % $e bu$a e$ d)tar al e$tudia!te )! la apaidad deide!ti5ar l)$ di$ti!t)$ eleme!t)$ )m) ma!ipular la$ pr)piedade$ de ada eleme!t)9 aaparie!ia de !ue$tra primera i!ter3ae e$ la &ue $e mue$tra e! la Fi"ura 19 9

Figura 1. ' "#em$lo Primera A$licacin.

19 E! primer lu"ar )bte!em)$ la eti&ueta de ada eleme!t) de la paleta de )mp)!e!te$

p)r el m)me!t) mie!tra$ !)$ apre!dem)$ el i)!) % te!"am)$ ma%)r *abilidad +am)$a FilePreferences% $elei)!am)$ Show names in component palette9 Obte!em)$ la$i"uie!te 3)rma de pre$e!tai'! de la ual $elei)!a)$ d)$ Edit Te;t )m) $e mue$trae!Fi"ura 19 6@



6/11




6

Figura 1. Selecciona "dit %e)t.

M)di5am)$ la$ $i"uie!te$ pr)piedade$9

Edit e!t1

"alor1 ag

#orramos $ dejamos "acio %tring

Edit e!t2

"alor2 ag

#orramos $ dejamos "acio %tring

29 E! la paleta de )mp)!e!te$ pr)edem)$ a )l)ar e! !ue$tra rea de traba) uatr)Stati Te;t9 C)m) $e mue$tra e! la Fi"ura 19 D9

Figura 1. * +n&ertar cuatro Static %e)t.



7/11



.NI/ERSI(A( (EPAMPONAD de

&

()ble li> e! ada eleme!t) !)$ permite i!$pei)!ar ada u!a de la$ pr)piedade$ deleleme!t)9 M)di5&uem)$ la$ $i"uie!te$ pr)piedade$ $e"7! $u$ "u$t)$9

ipo de letra 'ontNameama(o de )etra 'ont%i*e

Alineaci+n ,ori*ontalAlignment

-dentiicador ag

/adena de /aracteres a visuali*ar %tring

Ejemplo0

Arial 'ontName

12 'ont%i*e

center ,ori*ontalAlignment

i calculadora en G-E %tring

(e$ti!am)$ u! Stati Te;t para +i$ualiar la re$pue$ta % m)di5am)$ la $i"uie!tepr)piedad9

espuesta ag

#orramos $ dejamos "aco %tring

3. E! la paleta de )mp)!e!te$ $elei)!am)$ u! Pa!el % i!) Pu$* ?utt)! )m) $emue$tra e! laFi"ura 19 9 ()ble li> e! ada eleme!t) !)$ permite i!$pei)!ar adau!a de la$ pr)piedade$ del eleme!t)9

Figura 1. , +n&ertar Panel - cinco Pu& Button.



8/11




ipo de letra 'ontNameama(o de )etra 'ont%i*e

Alineaci+n ,ori*ontalAlignment

%uma7 ultiplicaci+n7 esta7 ivisi+n7 /redito ag

%uma7 ultiplicaci+n7 esta7 ivisi+n %tring

4. Cada +e &ue $e adii)!e u! !ue+) eleme!t) e! la i!ter3a "r5a $e "e!eraaut)mtiame!te 'di") e! el ar*i+) 9m9 T)d)$ l)$ +al)re$ de la$ pr)piedade$ de l)$eleme!t)$


9/11




8

utl= get($anle"."lier1,3alue)B

Para a$i"!ar el +al)r a la +ariable utpl al $tatite;t eti&uetada )m) te;t1 e$ribim)$@

"et($anle".tet1,4tring,utl)B%E"crie el valor el 4lier...

Para !ue$tr) pr)"rama +am)$ a empear p)r Guardar el /al)r i!"re$ad) p)r elu$uari) lue") tra!$3)rmam)$ la +ariable de tip)$ $tri!" a tip) ()uble para lue")p)der utiliarl) e! ada u!a de la$ )perai)!e$9 Realiam)$ li> (ere*) $)bre adau!) de l)$ Edit Te;t di$pue$t)$ para i!"re$ar l)$ +al)re$ a )perar % e! /ie Callba>$i!"re$am)$ a Callba> tal )m) $e mue$tra e! la Fi"ura 19 % e! e$e lu"ar i!"re$am)$el $i"uie!te 'di")9

Figura 1. /+ngre&ar al 0allback.

Para el +al)r 1

3al1=get($ect,4tring)B %5uarar el valor ingre"aoN3al1 = "tr


10/11




19

Para el /al)r 2

3al


11/11




11

Figura 1. 12 0digo $ara $eracin Di4i&in.

Figura 1. 13 0digo $ara $eracin 5e&ta.

6. Pr)edem)$ a "uardar l)$ ambi)$ % )rrer el pr)"rama +i$ualiam)$ la re$pue$ta % el)mp)rtamie!t) de !ue$tr) primer G.I9

Bibliogra!a.

Matlab Apliad) a R)b'tia % Meatr'!ia Fer!a!d) Re%e$ C)rte$ *ttp@HHe$9i>ipedia9)r"Hi>iHMATA? 1J9 ?ra$pe!!i!" P9 T*ui$ma! F9 a!d Keiter$ A9 $1 Ki!$t)! e!r% P9I!teli"e!ia Arti5ial Addi$)! Kel$le% 14 Ri* E9 a!d !i"*t 9 LI!teli"e!ia Art5ial MGra ill 1D (el"ad) Albert) LI!teli"e!ia Arti5ial % Mi!ir)b)t$ ECOC

Edii)!e$ 1 E?ESCO Publi$*i!"


tema 07. interfaz gráficas de usuario gui

Documents