GUI界面设计总结
2016-03-01 19:10
501 查看
创建Matlab GUI界面通常有两种方式:
1,使用
.m 文件直接动态添加控件
2. 使用
GUIDE 快速的生成GUI界面
显然第二种可视化编辑方法算更适合写大型程序。
一:创建GUI
1.在 .m文件中动态添加
例如
h_main=figure(‘name’,‘a demo of gui design’,‘menubar’,‘none’,…
'numbertitle','off','position',[100
100 300 100]);
h_edit=uicontrol('style','edit','backgroundcolor',[1 1 1],'position',[20 20 50 20],...
'tag','myedit','string','1','horizontalalignment','left');
h_but1=uicontrol('style','pushbutton','position',[20 50 50 20],'string','INC',...
'callback',['v=eval_r(get(h_edit,''string''));',...
'set(h_edit,''string'',int2str(v+1));']);
h_but2=uicontrol('style','pushbutton','position',[80 50 50 20],'string','DEC',...
'callback',['v=eval_r(get(h_edit,''string''));','set(h_edit,''string'',int2str(v-1));']);
2.使用GUIDE帮助创建GUI
在Command 里面输入 GUIDE ,会出现GUI创建的对话框
新建并且保存后,会生成相应的fig文件和m文件,在Layout编辑视图,可以使用如下工具:
Layout Editor:布局编辑器;
Alignment Tool:对齐工具;
Property Inspector:对象属性观察器;
Object Browser:对象浏览器;
Menu Editor:菜单编辑器。
二:使用控件
新建一个布局(窗口),可以在新窗口中添加如下控件
1.静态文本(Static Text) 2.编辑框(Edit Text)控件
3.列表框(Listbox)控件 4.滚动条(Slider)控件
5.按钮(Push Button)控件 6.开关按钮(Toggle Button)控件
7.单选按钮(Radio Button)控件 8.按钮组(Button Group)控件
9.检查框(Check Box)控件 10.列表框(Listbox)控件
11.弹出式菜单(Popup Menu)控件 12.坐标轴(Axes)控件
13.面板(Panel)控件
每一个控件都有自己的属性常规属性有:
一、控件风格和外观
(1)BackgroundColor:设置控件背景颜色,使用[R G B]或颜色定义。
(2)CData:在控件上显示的真彩色图像,使用矩阵表示。
(3)ForegroundColor:文本颜色。
(4)String属性:控件上的文本,以及列表框和弹出菜单的选项。
(5)Visible:控件是否可见。
二、对象的常规信息
(1)Enable属性:表示此控件的使能状态,设置为on”,表示可选,为“off”时则表示不可选。
(2)Style:控件对象类型。
(3)Tag:控件表示(用户定义)。
(4)TooltipString属性:提示信息显示。当鼠标指针位于此控件上时,显示提示信息。
(5)UserData:用户指定数据。
(6)Position:控件对象的尺寸和位置。
(7)Units:设置控件的位置及大小的单位
(8)有关字体的属性,如 FontAngle, FontName等。
三、控件回调函数的执行
(1)BusyAction:处理回调函数的中断。有两种选项:即Cancel:取消中断事件,queue:排队(默认设置)。
(2)ButtonDownFcn属性:按钮按下时的处理函数。
(3)CallBack属性:是连接程序界面整个程序系统的实质性功能的纽带。该属性值应该为一个可以直接求值的字符串,在该对象被选中和改变时,系统将自动地对字符串进行求值。
(4)CreateFcn:在对象产生过程中执行的回调函数。
1,使用
.m 文件直接动态添加控件
2. 使用
GUIDE 快速的生成GUI界面
显然第二种可视化编辑方法算更适合写大型程序。
一:创建GUI
1.在 .m文件中动态添加
例如
h_main=figure(‘name’,‘a demo of gui design’,‘menubar’,‘none’,…
'numbertitle','off','position',[100
100 300 100]);
h_edit=uicontrol('style','edit','backgroundcolor',[1 1 1],'position',[20 20 50 20],...
'tag','myedit','string','1','horizontalalignment','left');
h_but1=uicontrol('style','pushbutton','position',[20 50 50 20],'string','INC',...
'callback',['v=eval_r(get(h_edit,''string''));',...
'set(h_edit,''string'',int2str(v+1));']);
h_but2=uicontrol('style','pushbutton','position',[80 50 50 20],'string','DEC',...
'callback',['v=eval_r(get(h_edit,''string''));','set(h_edit,''string'',int2str(v-1));']);
2.使用GUIDE帮助创建GUI
在Command 里面输入 GUIDE ,会出现GUI创建的对话框
新建并且保存后,会生成相应的fig文件和m文件,在Layout编辑视图,可以使用如下工具:
Layout Editor:布局编辑器;
Alignment Tool:对齐工具;
Property Inspector:对象属性观察器;
Object Browser:对象浏览器;
Menu Editor:菜单编辑器。
二:使用控件
新建一个布局(窗口),可以在新窗口中添加如下控件
1.静态文本(Static Text) 2.编辑框(Edit Text)控件
3.列表框(Listbox)控件 4.滚动条(Slider)控件
5.按钮(Push Button)控件 6.开关按钮(Toggle Button)控件
7.单选按钮(Radio Button)控件 8.按钮组(Button Group)控件
9.检查框(Check Box)控件 10.列表框(Listbox)控件
11.弹出式菜单(Popup Menu)控件 12.坐标轴(Axes)控件
13.面板(Panel)控件
每一个控件都有自己的属性常规属性有:
一、控件风格和外观
(1)BackgroundColor:设置控件背景颜色,使用[R G B]或颜色定义。
(2)CData:在控件上显示的真彩色图像,使用矩阵表示。
(3)ForegroundColor:文本颜色。
(4)String属性:控件上的文本,以及列表框和弹出菜单的选项。
(5)Visible:控件是否可见。
二、对象的常规信息
(1)Enable属性:表示此控件的使能状态,设置为on”,表示可选,为“off”时则表示不可选。
(2)Style:控件对象类型。
(3)Tag:控件表示(用户定义)。
(4)TooltipString属性:提示信息显示。当鼠标指针位于此控件上时,显示提示信息。
(5)UserData:用户指定数据。
(6)Position:控件对象的尺寸和位置。
(7)Units:设置控件的位置及大小的单位
(8)有关字体的属性,如 FontAngle, FontName等。
三、控件回调函数的执行
(1)BusyAction:处理回调函数的中断。有两种选项:即Cancel:取消中断事件,queue:排队(默认设置)。
(2)ButtonDownFcn属性:按钮按下时的处理函数。
(3)CallBack属性:是连接程序界面整个程序系统的实质性功能的纽带。该属性值应该为一个可以直接求值的字符串,在该对象被选中和改变时,系统将自动地对字符串进行求值。
(4)CreateFcn:在对象产生过程中执行的回调函数。
相关文章推荐
- ucgui源码解析之WM窗口结构
- BasicNetwork.performRequest: Unexpected response code 404
- BasicNetwork.performRequest: Unexpected response code 404
- Leetcode 232 Implement Queue using Stacks STL
- NSInteger,NSUInteger,NSNumber比较
- iOS自定义UIPageControl,做一个漂亮的滚动视图
- Fragment——建立灵活动态的UI
- UICollectionView的使用(一)
- iOS开发--UIView中的坐标转换
- 【Wunder Fund Round 2016 (Div 1 + Div 2 combined)B】【暴力 贪心】Guess the Permutation 全排列a[i][j]=min(p[i],p
- 使用Autolayout实现UITableView的Cell动态布局和高度动态改变
- UIButton上下结构垂直居中
- IOS(UI)_Block代码块
- POJ 1679 The Unique MST(次小生成树)
- Guice 学习(六)使用Provider注入服务( Provider Inject Service)
- require.js学习笔记1
- 详解 RN 中的 require()
- UGUI源码学习之初涉Image(一)
- UVa——540Team Queue(STL练习map、queue数组的综合使用)
- LA 2678(p48)----Subsequence