Chương 3 : Giao diện đồ họa GUI

Tài liệu tham khảo về giao diện đồ họa GUI
Nội dung trích xuất từ tài liệu:
Chương 3 : Giao diện đồ họa GUI CHƯƠNG3:GIAODIỆNĐỒHOẠGUI §1.KHÁINIỆMCHUNG Để tiện dụng ta có thể tạo nên giao diện đồ hoạ(GUI ‐ Graphic UserInterface)giữangườidùngvàMATLAB.Tronggiaodiệnnàytacóthểxuấtdữliệu dưới 2 dạng: văn bản và đồ hoạ. Mỗi một GUI có một hay nhiềulayout(diệnmạo).ViệctạoGUItạonênmộtcôngcụđồhoạphụcvụnhậpxuấtdữliệumộtcáchtrựcgiác,rấtthuậntiện.NgoàiracóthểdùngGUIđểgiámsátcácquátrình,hiểnthịcácđốitượng. §2.NHẬPXUẤTKÝTỰ,SỐLIỆURAGUI1.Tạokhunghình:Taxétcáclệnhsau(lưuvàofilect3_0.m): f=input(ʹNhapnhietdo(doK):ʹ); c=(f‐32)*5/9; fprintf(1,ʹnhietdo(doC)la:%g ʹ,c)Badònglệnhtrênthựchiệncáccôngviệcsau: ‐nhậpgiátrịđầuvào ‐thựchiệnphéptínhquyđổinhiệtđộ ‐xuấtkếtquảramànhình Bâygiờtatìmcáchcàicácdònglệnhtrênsaochochúngthựchiệntrênkhuônkhổmộtkhungđồhoạcódạngsau: Cáclệnhsau(lưuvàofilect3_1.m)thựchiệncôngviệctrên: 42 set(gcf,ʹDefaultUicontrolUnitʹ,ʹNormalizedʹ) frame_1=uicontrol(gcf,ʹStyleʹ,ʹFrameʹ,... ʹPositionʹ,[0.10.10.80.3]); frame_2=uicontrol(gcf,ʹStyleʹ,ʹFrameʹ,... ʹPositionʹ,[0.10.60.80.3]); set(frame_1,ʹBackgroundColorʹ,[0.50.50.5]); set(frame_2,ʹBackgroundColorʹ,[0.50.50.5]); text_f=uicontrol(gcf,ʹStyleʹ,ʹTextʹ,... ʹStringʹ,ʹFahrenheit:ʹ,... ʹPositionʹ,[0.30.70.20.05],ʹHorizontalAlignmentʹ,ʹLeftʹ); edit_f=uicontrol(gcf,ʹStyleʹ,ʹEditʹ,... ʹStringʹ,ʹ168.0ʹ,... ʹPositionʹ,[0.60.70.10.05],... ʹHorizontalAlignmentʹ,ʹRightʹ,... ʹCallbackʹ,ʹct3_3ʹ); text_c1=uicontrol(gcf,ʹStyleʹ,ʹTextʹ,... ʹStringʹ,ʹCelcius:ʹ,... ʹPositionʹ,[0.30.30.20.05],... ʹHorizontalAlignmentʹ,ʹLeftʹ); text_c2=uicontrol(gcf,ʹStyleʹ,ʹTextʹ,... ʹStringʹ,ʹ100.0ʹ,... ʹPositionʹ,[0.60.30.10.05],... ʹHorizontalAlignmentʹ,ʹLeftʹ);Bâygiờtasẽxemcáclệnhtrênhoạtđộngnhưthếnào.Cáclệnhsau: set(gcf,ʹDefaultUicontrolUnitʹ,ʹNormalizedʹ) frame1=uicontrol(gcf,ʹStyleʹ,ʹFrameʹ,... ʹPositionʹ,[0.10.10.80.3]); frame2=uicontrol(gcf,ʹStyleʹ,ʹFrameʹ,... ʹPositionʹ,[0.10.60.80.3]); set(frame1,ʹBackgroundColorʹ,[0.50.50.5]); set(frame2,ʹBackgroundColorʹ,[0.50.50.5]);tạohaikhunghìnhchữnhậttrongcửasổFigurehiệnhànhvớinềnmàuxám.Haikhung(Frames)cótoạđộcácgócdướitráilà(0.1,0.1)và(0.1,0.6),cùngchiềucao0.3đơnvịvàbềrộng0.8đơnvị.Đơnvịđượctínhbằng%củakíchcỡngoàicủaFigure.Vậytacóthểdiễngiảinhưsau: ‐Khungthứnhấtcógóctráidướitạiđiểmcótoạđộ10%chiềungangvà10%chiềucaocủakhungngoàiFigure. 43 ‐Khungthứ2cógóctráiphíadướitạiđiểmcótoạđọứngvới10%chiềungangvà60%chiềucaocủakhungngoìaFigure. ‐Cảhaikhungcóchiềucaobằng30%chiềucaovàbềngangbằng80%bềngangcủakhungngoàiFigure.2.Dùnglệnheditvàtextđểnhậpxuấtkítựvàsốliệu:Trênđâytađãdùnglệnhuicontrolđểtạovàxácđịnhvịtríhaikhunghình.Đoạnlệnhsausửdụnguicontrolđểviếtchuỗikítự“Fahrenheit”lênkhungbêntrên: text_f=uicontrol(gcf,ʹStyleʹ,ʹTextʹ,ʹStringʹ,ʹFahrenheit:ʹ,... ʹPositionʹ,[0.30.70.20.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ạn chương trình trên. Đoạn lệnh sau dùng Edit để viếtchuỗi kí tự “68.0” vào vị trí bên cạnh của “Fahrenheit”. Chuỗi kí tự có vị trídồnphảitrongô(PositionBox). edit_f=uicontrol(gcf,ʹStyleʹ,ʹEditʹ,... ʹStringʹ,ʹ168.0ʹ,... ʹPositionʹ, ...