7. Előadás Grafikus felhasználói felületek.

Méret: px

Mutatás kezdődik a ... oldaltól:

Download "7. Előadás Grafikus felhasználói felületek."

Mihály Fábián
8 évvel ezelőtt
Látták:

1 7. Előadás Grafikus felhasználói felületek. Salamon Júlia Előadás I. éves mérnök hallgatók számára

2 Felhasználói felületek készítése Parancs ablakból >>f=figure; >>set(f, Name, Ez a minta ablak ); >>set(f, Position,[ ]); >>h=uicontrol(f, Style, pushbutton, Position,[ ],, Nyomj meg!, Callback, disp( Hello! ) ); Guide parancs segítségével VII. eloadas 2

>>h=uicontrol(f, Style, pushbutton, Position,[10 10 100 300],, Nyomj

3 GUI Layout Editor - segítségével létrehozhatunk egy grafikus ablakot - elsősorban az objektumok elhelyezésére szolgál - a felhasználói felület bármikor futtatható a Run gomb lenyomásával VII. eloadas 3

elhelyezésére szolgál - a felhasználói felület

4 Matlab grafikus objektumai Push Button Slider Radio Button Check Box Edit Text Static Text Popup menu Listbox Toggle Button Axis Panel/Frame Button Group gomb gördülő sáv rádió gomb kijelölő doboz szöveg mező címke legördülő menü lista gomb (ki be lehet kapcsolni) ábra panel panel gomboknak (rádió gomb) VII. eloadas 4

gördülő sáv rádió gomb kijelölő doboz szöveg mező címke legördülő menü lista gomb

5 Alignment Tool Objektumok vagy objektum csoportok egymáshoz való igazítására használjuk VII. eloadas 5

6 Property Inspector Segítséget nyújt az objektumok tulajdonságainak interaktív beállítására VII. eloadas 6

7 Főbb tuljdonságok BackgroundColor FontSize FontWeight ForegroundColor HorizontalAlignment Tag Value Visible Az objektum háttérszínét állíthatjuk be. Értékei lehetnek: white, black, red, blue, yellow, green vagy az RGB komponensek például [1 0 0] a piros. A betűk nagyságát adja meg. Értékei számok. A betűk stílusát állíthatjuk be. Értékei lehetnek: light, normal, demi, bold. Esetek többségében a betűk színe állítható vele. Szöveg igazítását teszi lehetővé. Értékei lehetnek: left, center, right. Az objektumon található szöveget tudjuk megadni. Segítségével egy objektumra tudunk hivatkozni. Érdemes beszédes nevet adni. A popup menü esetén megadja, hogy hányadik elem van kijelölve a listából. Segítségével egy objektumot, elrejthetünk a ablakon. Értékei lehetnek: on vagy off VII. eloadas 7

Értékei lehetnek: light, normal, demi, bold. Esetek többségében a betűk színe állítható vele. Szöveg igazítását teszi lehetővé. Értékei lehetnek: left, center, right.

8 Menu Editor A Matlab alkalmazások menüinek és kontextus menüinek interaktív létrehozását támogatja VII. eloadas 8

9 Object Browser Grafikus objektumainknak az objektumhierarchiában való elhelyezkedését tanulmányozhatjuk. Tab Order Editor A Tab billentyű nyomkodásával a grafikus objektumok között választani lehet. Itt megadhatjuk az objektumok sorrendjét VII. eloadas 9

Tab Order Editor A Tab billentyű nyomkodásával a grafikus

10 Eseményvezérelt programozás A felhasználó a grafikus felhasználói felülettel a billentyűzeten keresztül vagy az egér segítségével kommunikál. A Matlab a következő felhasználó által kiváltott- események bekövetkezéséhez tud aktivitásokat rendelni Egérgomb megnyomása Egérgomb felengedése Az egér mozgatása grafikus ablak felett Egy billentyű lenyomása aktív grafikus ablakban Grafikus ablak átméretezése Grafikus ablak bezárása Ha több objektum helyezkedik el egymáson, akkor az egér mindig a legfelső objektumot veszi észre, hacsak nem tettük számára átlátszóvá a HitTest tulajdonság segítségével Grafikus függvényhez akciót úgy rendelhetünk, hogy az objektum megfelelő tulajdonságát a kívánt függvényhívással töltjük fel. A guide képes automatikusan egy keretrendszert generálni, amelyben a felhasználónak csak a feladat végrehajtása szempontjából fontos parancsokat kell begépelni. A keret rendszer egy M-fájlban jön létre és tartalmazza a felhasználó által kívánt eseményekhez rendelt kezelőfüggvények vázait VII. eloadas 10

lenyomása aktív grafikus ablakban Grafikus ablak átméretezése Grafikus ablak bezárása Ha több objektum helyezkedik el egymáson, akkor az egér mindig a legfelső objektumot veszi észre, hacsak nem

Grafikus objektumokhoz rendelhető akciótulajdonságok Callback az egérgomb lenyomáshoz hozzárendelt aktivitásokat hajtja végre ha az objektum Enable tulajdonsága On-ra van állítva.

11 Grafikus objektumokhoz rendelhető akciótulajdonságok Callback az egérgomb lenyomáshoz hozzárendelt aktivitásokat hajtja végre ha az objektum Enable tulajdonsága On-ra van állítva. ButtonDownFcn tulajdonság által definiált függvény inaktív uicontrol objektumra, uicontrol közelébe kattintva hívódik meg. CreateFcn illetve DeleteFcn hívások a grafikus objektumok létrehozásakor, illetve megszüntetésekor hajtódnak végre KeyPressFcn segítségével az aktív objektumon belüli billentyű leütést kezelhetjük VII. eloadas 11

ButtonDownFcn tulajdonság által definiált függvény inaktív uicontrol objektumra, uicontrol közelébe kattintva hívódik meg.

Ablakhoz rendelhető akció-tulajdonságok WindowButtonDownFcn, a WindowButtonMotionFcn, illetve a WindowButtonUpFcn tulajdonságok által meghatározott függvények mindig meghívódnak, amennyiben egy

12 Ablakhoz rendelhető akció-tulajdonságok WindowButtonDownFcn, a WindowButtonMotionFcn, illetve a WindowButtonUpFcn tulajdonságok által meghatározott függvények mindig meghívódnak, amennyiben egy ablakban az egér gombját lenyomjuk, az egeret mozgatjuk, illetve az egér gombját felengedjük. CloseRequestFcn tulajdonságokhoz rendelt függvény akkor hajtódik végre, amikor az ablakozó rendszeren keresztül az ablak bezárását kérjük. ResizeFcn tulajdonságokhoz rendelt függvény akkor hajtódik végre, amikor az ablakot a felhasználó átméretezi VII. eloadas 12

13 Általános objektumkezelő függvények A get és set utasítások, segítségükkel lekérdezhetjük az objektumok paramétereinek aktuális beállítását és meg is változtathatjuk azok értékét get(h) Kiírja a h azonosítójú objektum összes paraméterét és azok aktuális értékét. get(h,tuld) Megadja a tuld paraméter aktuális beállításának értékét. set(h) Kilistázza a h azonosítójú objektum összes állítható paraméterét, valamint azok lehetséges értékét és zárójelbe téve jelzi azok alapértelmezését. set(h,tuld) Kiírja a h azonosítójú objektum tuld paraméterének az aktuális beállítását. set(h,tuld, val,...) a h azonosítójú objektum tuld paraméterét a val értékre állítja. findobj(tuld, val,...) Megadja mindazon objektumok listáját, amelyeknek a tuld paramétere a megadott val értékre van beállítva clf Törli az aktuális grafikus ablakot. cla Törli az aktuális rajzot. close(h) Lezárja a h azonosítójú ablakot. reset(h) A h objektum paramétereit az alapértékekre állítja vissza. delete(h) Törli a h objektumot VII. eloadas 13

set(h) Kilistázza a h azonosítójú objektum összes állítható paraméterét, valamint azok lehetséges értékét és zárójelbe téve jelzi azok alapértelmezését.

14 Grafikus objektumok azonosítója gcf - Az aktuális figure objektum, grafikus ablak azonosítóját adja meg. gca - Az aktuális axis objektum, rajz azonosítóját adja meg. gco Annak az objektumnak az azonosítóját adja meg, amelyikre a legutóljára kattintottunk az egérrel. Általánosan handles.tagazon utasítással hivatkozhatunk egy objektum azonosítójára, ahol a tagazon az objektum Tag tulajdonságának az értéke. Ezért érdemes a Tag tulajdonságnak beszédes neveket adni. Példa s=get(gcf, 'CurrentCharacter'); set(handles.text1, '', s); VII. eloadas 14

gco Annak az objektumnak az azonosítóját adja meg, amelyikre a legutóljára kattintottunk az egérrel. Általánosan handles.

15 Példaprogramok 1.Egy gombra kattintva, a gombon véletlenszerűen generált számok jelenjenek meg. Megoldás Objektum Pushbutton1 Tulajdonság Tag Érték Veletlen szam g Veletlen szam gomb/callback s=num2str(rand*100); set(handles.g,'',s) VII. eloadas 15

16 2. Rajzoljuk ki a szinusz függvényt egy bekért intervallumon. Megoldás Objektum Static text1 Static text2 Edit text1 Edit text2 Pushbutton1 Axis1 Tulajdonság Tag Tag Érték a= b= 0 a 1 b Rajzol Rajzol gomb/callback k=str2num(get(handles.a,'string')); v=str2num(get(handles.b,'string')); x=k:0.01:v; y=sin(x); plot(x,y) VII. eloadas 16

Tulajdonság Tag Tag Érték a= b= 0 a 1 b Rajzol Rajzol gomb/callback

17 3. Olvass be 3 számot. Írasd ki a legnagyobbikat. Megoldás Objektum Tulajdonság Érték Static text1 Kerek harom szamot: Edit text1 Tag a Edit text2 Tag b Edit text3 Pushbutton1 Static text2 Edit text4 Tag Tag Enable c Szamol Legnagyobbik: e off Szamol gomb/callback x=str2num(get(handles.a,'string')); y=str2num(get(handles.b,'string')); z=str2num(get(handles.c,'string')); m=x; if y>m m=y; end if z>m m=z; end set(handles.e,'string',m); VII. eloadas 17

Pushbutton1 Static text2 Edit text4 Tag Tag Enable c Szamol Legnagyobbik: e off Szamol gomb/callback

18 4. Helyezz el az ablakba egy szöveget, ahol a szöveg igazítását lehessen változtatni egy popup menü segítségével. Megoldás Objektum Edit text1 Popupmenu1 Tulajdonság Tag Tag Érték Szoveg sz Kozepre Elore Hatra m Popup menu/callback x=get(handles.m,'value'); if x==1 s='center'; end if x==2 s='left'; end if x==3 s='right'; end set(handles.sz,'horizontalalignment',s); VII. eloadas 18

Megoldás Objektum Edit text1 Popupmenu1 Tulajdonság Tag Tag Érték Szoveg sz Kozepre Elore Hatra m

5. Helyezz el az ablakba egy szövegmezőt, amely szövegének a színét és a méretét menüből lehet változtatni. Megoldás Objektum Edit text1 Tulajdonság Tag Érték Szoveg sz Létre hozzuk a köv.

19 5. Helyezz el az ablakba egy szövegmezőt, amely szövegének a színét és a méretét menüből lehet változtatni. Megoldás Objektum Edit text1 Tulajdonság Tag Érték Szoveg sz Létre hozzuk a köv. menürendszert: Szin Meret Piros Fekete Piros menü/callback set(handles.sz,'foregroundcolor','red') Fekete menü/callback set(handles.sz,'foregroundcolor','black') Meret menü/callback set(handles.sz,'fontsize',fix(rand*40)+4); VII. eloadas 19

menürendszert: Szin Meret Piros Fekete Piros menü/callback set(handles.

20 6. Készíts egy animációt (avi fájlba). Egy körön mozogjon egy pont. Objektum Axis1 Pushbutton1 Tulajdonság DoubleBuffer NextPlot Érték on replace Rajzol Rajzol gomb/callback mov = avifile('e4.avi') x = -pi:.1:pi; for k=1:length(x) plot(cos(x),sin(x)); hold on plot(cos(x(k)),sin(x(k)),'*r'); hold off axis([ ]); F = getframe(gca); mov = addframe(mov,f); end mov = close(mov); VII. eloadas 20

gomb/callback mov = avifile('e4.avi') x = -pi:.

7. Készíts egy animációt (gif állományba). Egy körön mozogjon egy pont. Objektum Axis1 Pushbutton1 Tulajdonság DoubleBuffer NextPlot Érték on replace Rajzol Rajzol gomb/callback x = -pi:.

21 7. Készíts egy animációt (gif állományba). Egy körön mozogjon egy pont. Objektum Axis1 Pushbutton1 Tulajdonság DoubleBuffer NextPlot Érték on replace Rajzol Rajzol gomb/callback x = -pi:.1:pi; for k=1:length(x) plot(cos(x),sin(x)); hold on plot(cos(x(k)),sin(x(k)),'*r'); hold off axis([ ]); F = getframe(gca); nev=strcat('fnev',num2str(k+1000),'.jpg'); imwrite(f.cdata,nev); end Az aktuális könyvtárba létrehozza a jpg állományokat. Letöltesz az internet-ről egy gif animátort ( és legenerálod a gif állományodat VII. eloadas 21

22 Zárthelyi dolgozat felépítése 1. Függvény megadása 2p 2. Adatfeldolgozás 1,5p 3. Kétdimenziós grafika 2p 4. Háromdimenziós grafika 1,5p 5. Grafikus felhasználói felület 2p Jelenlét 1p VII. eloadas 22

Hasonló dokumentumok

Baran Ágnes. Gyakorlat Függvények, Matlab alapok

Baran Ágnes. Gyakorlat Függvények, Matlab alapok Matematika Mérnököknek 1. Baran Ágnes Gyakorlat Függvények, Matlab alapok Matematika Mérnököknek 1. A gyakorlatok fóliái: https://arato.inf.unideb.hu/baran.agnes/oktatas.html Feladatsorok: https://arato.inf.unideb.hu/baran.agnes/oktatas.html