Giao diện đồ họa GUI

Tài liệu tham khảo cung cấp cho các bạn kiến thức về thiết kế đồ họa
Nội dung trích xuất từ tài liệu:
Giao diện đồ họa GUI ch−¬ng 3: Giao diÖn ®å ho¹ GUI §1. Kh¸i niÖm chung §Ó tiÖn dông ta cã thÓ t¹o nªn giao diÖn ®å ho¹(GUI - Graphic User Interface) gi÷ang−êi dïng vµ MATLAB. Trong giao diÖn nµy ta cã thÓ xuÊt d÷ liÖu d−íi 2 d¹ng: v¨n b¶n vµ®ß ho¹. Mçi mét GUI cã mét hay nhiÒu layout(diÖn m¹o). §Ó t¹o ra vµ xö lÝ layout ciña GUIta nhËp lÖn guide vµ nhËn ®−îc mét layout rçng vµ cöa sæ Guide Control Panel. ViÖc t¹oGUI t¹o nªn mét c«ng cô ®å ho¹ phôc vô nhËp xuÊt d÷ liÖu mét c¸ch trùc gi¸c, rÊt thuËntiÖn. Ngoµi ra cã thÓ dïng GUI ®Ó gi¸m s¸t c¸c qu¸ tr×nh, hiÓn thÞ c¸c ®èi t−îng. §2. nhËp xuÊt kÝ tù, sè liÖu ra GUI1. T¹o khung h×nh: Ta xÐt c¸c lÖnh sau: f = input(Enter temperature(degree K): ); c = (f - 32)*5/9; fprintf(1,Temperature(degree C) is: %g ,c)Ba dßng lÖnh trªn thùc hiÖn c¸c c«ng viÖc sau: - nhËp gi¸ trÞ ®Çu vµo - thùc hiÖn phÐp tÝnh quy ®æi nhiÖt ®é - xuÊt kÕt qu¶ ra mµn h×nhB©y giê ta t×m c¸ch cµi c¸c dßng lÖnh trªn sao cho chóng thùc hiÖn trªn khu«n khæ métkhung ®å ho¹ nµo ®ã. §Ó t¹o hai khung h×nh ch÷ nhËt trong cöa sæ Figure hiÖn hµnh víi nÒnmµu x¸m ta nhËp vµo c¸c lÖnh sau: set(gcf,DefaultUicontrolUnit,Normalized) frame1_ = uicontrol(gcf,Style,Frame,Position,[0.1 0.1 0.8 0.3]); frame2_ = uicontrol(gcf,Style,Frame,Position,[0.1 0.6 0.8 0.3]); set(frame1_,BackgroundColor,[0.5 0.5 0.5]); set(frame2_,BackgroundColor,[0.5 0.5 0.5]);Hai khung (Frames) cã to¹ ®é c¸c gãc d−íi tr¸i lµ (0.1, 0.1) vµ (0.1, 0.6), cïng chiÒu cao 0.3®¬n vÞ vµ bÒ réng 0.8 ®¬n vÞ. §¬n vÞ ®−îc t×nh b»ng % cña kÝch c÷ ngoµi cña Figure. VËy tacã thÓ diÔn gi¶i nh− sau: - Khung thø nhÊt cèÝgc tr¸i d−íi t¹i ®iÓm cã to¹ ®é 10% chiÒu ngang vµ 10% chiÒucao cña khung ngoµi Figure. - Khung thø 2 cã gãc tr¸i phÝa d−íi t¹i ®iÓm cã to¹ ®ä øng víi 10% chiÒu ngang vµ60% chiÒu cao cña khung ngo×a Figure. - C¶ hai khung cã chiÒu cao b»ng 30% chiÒu cao vµ bÒ ngang b»ng 80% bÒ ngang cñakhung ngoµi Figure.2. Dïng lÖnh edit vµ text ®Ó nhËp xu¸t kÝ tù vµ sè liÖu: Trªn ®©y ta ®· dïng lÖnh uicontrol®Ó t¹o vµ x¸c ®Þnh vÞ trÝ hai khung h×nh. §o¹n lÖnh sau ®©y dïng uicontrol ®Ó viÕt chuçi kÝ tù“Fahrenheit” lªn khung bªn trªn: text_f_=uicontrol(gcf,Style,Text,String,Fahrenheit: ,... Position,[0.3 0.7 0.2 0.05],HorizontalAlignment,Left);Chuçi kÝ tù “Fahrenhaeit” ®−îc ®Æt vµo ®óng vÞ trÝ dån tr¸i cña « cã Position ghi trong ®o¹nch−¬ng tr×nh trªn. §¹on lÖnh sau dïng Edit ®Ó viÕt chuçi kÝ rù “68.0” vµo vÞ trÝ bªn c¹nh cña“Fahrenheit”. Chuçi kÝ tù cã vÞ trÝ dån ph¶i trong « (Position Box). edit_f_=uicontrol(gcf,Style,edit,String,68.0’... ,Position,[0.6 0.7 0.2 0.05],HorizontalAlignment,Right,’Callback’,’fc_calc);Do sö dông edit, chuçi kÝ tù “68.0” lµ chuçi cã thÓ viÕt l¹i ®−îc trùc tiÕp trªn GUI. Sau khinhÊn nót trªn, gi¸ trÞ míi viÕt l¹i ®−îc tiÕp nhËn vµ MATLAB sÏ gäi lÖnh viÕt trong phÇn callback: fc_calc. Cuèi cïng ta cßn ph¶i dïng uicontrol ®Ó t¹o ta chuçi text, hiÓn thÞ chuçi “Celcius” vµ“20.0” trong khung bªn d−íi. text_c1_= uicontrol(gcf,Style,Text,String,Celcius: ,... Position,[0.3 0.3 0.2 0.05],HorizontalAlignment,Left); text_c2_= uicontrol(gcf,Style,Text,String,20.0,Position,... [0.6 0.3 0.1 0.05],HorizontalAlignment,Left);§Ó thuËn tiÖn ta nªn viÕt c¸c lÖnh nµy nµy trong mét file script.3. Tù ®éng cËp nhËt gi¸ trÞ lªn GUI: §Ó hoµn thiÖn vÝ dô GUI ta thùc hiÖn ch−¬ng tr×nhvíi nhiÖm vô tÝnh quy ®æi tõ ®é K sang ®é C vµ tù ®éng ®iÒn kÕt qu¶ vµo c¸c « bªn ¹chchuçi Celcius. §o¹n ch−¬ng tr×nh nµy phôc vô môc ®Ých callback (hoµn tr¶ gi¸ trÞ) ®−îc l−uvµo file fc_calc.m vµ cã néi dung nh− sau: f = get(edit_f_,String); f = str2num(f); c = (f-32)*5/9; c = num2str(c); set(text_c2_,String,c);§o¹n m· trªn nhËn gi¸ trÞ do lÖnh uicontrol “edit” ®äc vµo d−íi d¹ng chuçi (string) vµ sau®ã: - biÕn ®æi tõ d¹ng string sang d¹ng sè - tÝnh quy ®æi tõ nhiÖt ®é fahrenheit sang nhiÖt ®é celcius - biÕn ®æi tõ sè sang string - xuÊt kÕt qu¶ d−íi d¹ng string ra GUI nhê text_c2_ §3. nhËp sè liÖu tõ thanh tr−ît Ngo×a c¸ch nhËp sè liÖu tõ bµn phÝm, ta cã thÓ nhËp sè liÖu tõ thanh tr−ît. MATLABchØ hç trù c¸c thanh tr−ît n»m ngang chø kh«ng hç trî c¸c thanh tr−ît th¼ng ®øng. §Ó t¹othanh tr−ît ta dïng lÖnh: slider_f_ = uicontrol(gcf,Style,Slider,Min,... 32.0,Max,212.0,Value,68.0,Position,[0.6 0.8 0.2 0.05],... Callback,fc_slider_f;fc_calc);Nh− vËy Callback cã thÓ gäi mét chuçi c¸c ...