GUI（图形用户界面）外观
设计
1、外观设计定义：
外观设计，是指对产品的形状、图案或者其结合以及色彩与形状、图案的结合所做出的富
有美感并适于工业应用的新设计。
A、产品：
外观设计的载体应当是产品，即，用工业方法生产出来的物品，而对于不能重复生产的手工艺品、农产品、畜产品、自然物则不能作为外观设计的载体。
B、形状、图案、色彩
构成产品的外观设计的要素和要素组合包括：形状，图案，形状与图案，形状与色彩，图案与色彩，形状与图案与色彩，换言之，单独的色彩不能独立构成外观设计；
C、外观设计产品必须适于工业应用，即，必须能够用工业方法生产并批量生产；
D、外观设计必须具有美感，是否具有美感因不同的国家、民族和时代而异，带有一定的主观成分，通常认为只要不是极其丑陋、不违反社会公德且能为大众所接受的，就可以认为具有美感；
E、必须是新设计，由于现阶段中国外观设计不经过实质审查（将在下文详细讨论），因此，在初步审查中，审查员通常仅需根据申请文件的内容及一般消费者的常识来判断外观设计是否满足“新设计”的一般性要求。
2、通常需要准备的视图：
在外观设计产品为立体产品的情况下，如果产品设计要点涉及六个面，则应当准备六个面的正投影视图；
如果产品设计要点仅涉及一个或几个面的，则应当至少准备所涉及面的正投影视图及能够展现出该面的立体图。
在外观设计产品为平面产品的情况下，如果产品设计要点涉及一个面的，则可以仅提交该面的正投影视图；如果产品设计要点涉及两个面的，则应当提交两个面的正投影视图。
必要时，申请人还可以进一步提供剖视图、放大图、变化状态图及使用状态参考图等以更为清楚地表达请求保护的对象。
在确定需要准备的视图时，申请人需要特别注意的是，在外观设计专利申请提交之后，关于那些没有呈现在申请时所提交的视图中的面的视图将不能再被补入该外观设计专利申请。
因此，申请人在视图选择上应当慎重，充分考虑是否所选择视图已清楚地表达了请求保护的对象。
3、2014年5月1日之前排除范围的一般性规定：
（a）取决于特定地理条件、不能重复再现的固定建筑物、桥梁等。例如，包括特定的山水在内的“山
水别墅”。
（b）因其包含有气体、液体及粉末状等无固定形状的物质而导致其形状、图案、色彩不固定的产品。（c）产品的不能分割、不能单独出售或者使用的局部或部分设计，例如袜跟、帽檐、杯把、棋子等。（d）对于由多个不同特定形状或图案的构件组成的产品，如果构件本身不能成为具有独立使用价值
的产品，则该构件不属于外观设计专利保护的客体。例如，对于一组由不同形状的插接块组成的拼图
玩具，只有将所有插接块共同作为一项外观设计申请时，才属于外观设计专利保护的客体。
（e）不能作用于视觉或者肉眼难以确定，需要借助特定的工具才能分辨其形状、图案、色彩的物品。例如，其图案是在紫外灯照射下才能显现的产品。
（f）要求保护的外观设计不是产品本身常规的形态，例如手帕扎成动物形态的外观设计。
（g）以自然物原有形状、图案、色彩作为主体的设计。
（h）纯属美术范畴的作品。
（i）仅以在其产品所属领域内司空见惯的几何形状和图案构成的外观设计。
（g）文字和数字的字音、字义不属于外观设计保护的内容。
（k）产品通电后显示的图案。例如，电子表表盘显示的图案、手机显示屏上显示的图案、软件界面等。
4、《国家知识产权局关于修改〈专利审查指南〉的决定》自2014年5月1日起施行。
一、第一部分第三章第4.2节的修改
在《专利审查指南》第一部分第三章第4.2节第三段之后新增一段，内容如下：
就包括图形用户界面的产品外观设计而言，应当提交整体产品外观设计视图。图形用户界面为动态图案的，申请人应当至少提交一个状态的上述整体产品外观设计视图，对其余状态可仅提交关键帧的视图，所提交的视图应当能唯一确定动态图案中动画的变化趋势。
本节其他内容无修改。
二、第一部分第三章第4.3节的修改
在《专利审查指南》第一部分第三章第4.3节第三段第（6）项之后新增一项，内容如下：
（7）对于包括图形用户界面的产品外观设计专利申请，必要时说明图形用户界面的用途、图形用户界面在产品中的区域、人机交互方式以及变化状态等。
本节其他内容无修改。
三、第一部分第三章第7.2节的修改
删除《专利审查指南》第一部分第三章第7.2节第三段最后一句“产品的图案应当是固定的、可见的，而不应是时有时无的或者需要在特定的条件下才能看见的。”
本节其他内容无修改。
四、第一部分第三章第7.4节的修改
将《专利审查指南》第一部分第三章第7.4节第一段第（11）项修改为：
（11）游戏界面以及与人机交互无关或者与实现产品功能无关的产品显示装置所显示的图案，例如，电子屏幕壁纸、开关机画面、网站网页的图文排版。
本节其他内容无修改。
五、第四部分第五章第6.1节的修改
在《专利审查指南》第四部分第五章第6.1节第二段第（4）项之后新增一项，内容如下：
（5）对于包括图形用户界面的产品外观设计，如果涉案专利其余部分的设计为惯常设计，其图形用户界面对整体视觉效果更具有显著的影响。
新变化：
1、放开GUI专利申请
不再限定“产品的图案应当是固定的、可见的，而不应是时有时无的或者需要在特定的条件下才能看见的”
2、提交材料变化
提交整体产品外观设计视图。（仍未现有标准）
图形用户界面为动态图案的，申请人应当至少提交一个状态的上述整体产品外观设计视图，对其余状态可仅提交关键帧的视图，所提交的视图应当能唯一确定动态图案中动画的变化趋势。
3、侵权判定原则
涉案专利其余部分的设计为惯常设计，其图形用户界面对整体视觉效果更具有显著的影响。
4、游戏界面以及与人机交互无关或者与实现产品功能无关的产品显示装置所显示的图案，例如，电子屏幕壁纸、开关机画面、网站网页的图文排版。
5、域外实践：台湾、日本、美国（中国仍有改进余地）
D620，496,拍照界面(特
征是漩涡）D619，601
拍照界面（特
征是漩涡）
D621，849 滑动解锁界面
Q1:
以下申请方式在目前的中国审查实践是否合法？
Q2：根据Q1的结论，作为发明人如何准备中国GUI申请？
1、产品；
2、部分、全体？
6、几个疑问
Q3：如何选择保护范围的选择
7、示例
正视图左视图俯视图后视图
使用状态图
提起无效宣告请求答辩
口审
决定
一中院
起诉
北京高
院1个月
1个月
2-3个
月
3个月
2-3个
月15天
2-3个
月
THANKS!
一个不错的Matlab的gui界面设计实例 %非常漂亮的日历， function CalendarTable; % calendar 日历 % Example: % CalendarTable; S=datestr(now); [y,m,d]=datevec(S); % d is day % m is month % y is year DD={'Sun','Mon','Tue','Wed','Thu','Fri','Sat'}; close all figure; for k=1:7; uicontrol(gcf,'style','text',... 'unit','normalized','position',[0.02+k*0.1,0.55,0.08,0.06],... 'BackgroundColor',0.6*[1,1,1],'ForegroundColor','b',... 'String',DD(k),'fontsize',16,'fontname','times new roman'); end h=1; ss='b'; qq=eomday(y,m); for k=1:qq; n=datenum(y,m,k); [da,w] = weekday(n); if k==d; ss='r'; end uicontrol(gcf,'style','push',... 'unit','normalized','position',[0.02+da*0.1,0.55-h*0.08,0.08,0.06],... 'BackgroundColor',0.6*[1,1,1],'ForegroundColor',ss,... 'String',num2str(k)); ss='b'; if da==7; h=h+1;
实验一图形用户界面设计 一实验目的和要求 1）熟悉图形用户界面的设计原则 遵循用户友好原则、一致性原则、帮助和提示等原则设计用户界面。 2）利用一种设计工具完成图形化的用户界面设计 二实验内容与步骤 （一）实验内容 利用常用的设计工具（UI界面设计工具GUI Design Studio）完成一个通用图形用户界面设计，要遵循界面设计的一般原则（一致性、快捷方式、提供错误处理），注意颜色的使用，学会图标、按钮、屏幕布局、菜单和对话框的设计。 软件的界面如同人的脸一样,软件界面的好坏决定了用户对软件的第一印象。设计好的界面能够引导用户自己完成相应的操作，起到引导作用。设计合理的界面能给用户带来轻松愉悦的感受。一些专家指出：对于用户，人机界面就是系统本身。这充分说明了软件界面设计的重要性。请完成各自的系统用户界面的设计。 （二）实验步骤 1．设计多个对话框，完成填表输入界面的设计，合理使用图标、按钮、颜色； 2．设计不同形式的菜单，完成对不同对话框的调用； 3．提供简单的错误处理、联机帮助。 GUI Design Studio主界面
三界面示例1、登录界面 2、主界面
3、聊天界面 4、QQ空间界面
四实验总结 1．界面要具有一致性、常用操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助、合理划分并高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致。 2．颜色是一种有效的强化手段，同时具有美学价值。使用颜色时应注意如下几点：限制同时显示的颜色数；画面中活动对象的颜色应鲜明，而非活动对象应暗淡；尽量避免不相容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用；若用颜色表示某种信息或对象属性，要使用户理解这种表示，并尽量采用通用的表示规则。 3．图标是可视地表示实体信息的简洁、抽象的符号。图标设计是方寸艺术，需要在很小的范围内表现出图标的内涵。设计图标时应该着重考虑视觉冲击力，要使用简单的颜色，利用眼镜对色彩和网点的空间混合效果，做出精彩图标。 1）设计按钮应该具有交互性，应该有3到6种状态效果（点击时的状态、鼠标放在上面但未点击的状态、点击前鼠标未放在上面时的状态、点击后鼠标未放在上面时的状态、不能点击时的状态、独立自动变化的状态），按钮应具备简洁的图示效果，应能够让使用者产生功能上的关联反应。属于一个群组的按钮应该风格统一，功能差异大的按钮应该有所区别。 2）设计屏幕布局（Layout）时应该使各功能区重点突出，应遵循如下几条原则：平衡原则、预期原则、经济原则、顺序原则、规则化。 3）菜单在图形界面的应用程序中使用得非常普遍，是软件界面设计的一个重要组成方面，描述了一个软件的大致功能和风格。菜单中的选项在功能上与按钮相当，一般具有下列一种或几种类型的选项：命令项、菜单项和窗口项。菜单的结构一般有单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等，其中树状结构菜单是最常见的结构。 设计菜单界面时应注意一般性原则：功能组织菜单，合理分类，并力求简短，前后一致；合理组织菜单界面的结构与层次；按一定的规则对菜单项进行排序；菜单选项的标题要力求文字简短、含义明确，并且最好以关键词开始；常用选项要设置快捷键；充分利用菜单选项的使能与禁止、可见与隐藏属性；使用弹出式菜单。 4）在处理大量相关数据的场合下，需要输入一系列的数据，这时填表输入界面是最理想的数据输入界面。在设计填表输入界面时应遵循的原则：一致性；有含义的表格标题；使用易于理解的指导性说明文字；栏目按逻辑分组排序；表格的组织结构和用户任务相一致；光标移动方便；出错提示；提供帮助；表格显示应美观、清楚，避免过分拥挤。
实验三图形用户界面设计 实验目的 1．掌握Java语言中GUI编程的基本方法 2．掌握Java语言中AWT组件的基本用法 3．掌握Java语言中Swing组件的基本用法 实验导读 1.通过图形用户界面(GUI：Graphics User Interface)，用户和程序之间可以方便地进行 交互。 AWT(Abstract Windowing Toolkit)，中文译为抽象窗口工具包，是Java提供的用来建立和设置Java的图形用户界面的基本工具。AWT由Java中的包提供，里面包含了许多可用来建立与平台无关的图形用户界面(GUI)的类，这些类又被称为组件(components)。 Swing是一个用于开发Java应用程序用户界面的开发工具包。它以抽象窗口工具包（AWT）为基础使跨平台应用程序可以使用任何可插拔的外观风格。Swing开发人员只用很少的代码就可以利用Swing丰富、灵活的功能和模块化组件来创建优雅的用户界面。 JDK写程序所有功能都是靠虚拟机去操作本地操作系统。比如window下，就是JDK 用windows API实现功能。而awt包中很多组件是组件自身去调用本地操作系统代码swing包中的组件采用的是调用本地虚拟机方法，由虚拟机再调用本地操作系统代码。意思就是中间多了一层，这样就加强了swing包的移植性，与本地关系不那强了。 图AWT常用组件继承关系图 Container为容器，是一个特殊的组件，该组件中可以通过add方法添加其他组件进来。 2.布局，容器中的组件的排放方式。常见的布局管理器： FlowLayout（流式布局管理器）：从左到右的顺序排列。Panel默认的布局管理器。 BorderLayout（边界布局管理器）：东，南，西，北，中。Frame默认的布局管理器。 GridLayout（网格布局管理器）：规则的矩阵
4.2 图形用户界面的打开和初步设计 在Matlab命令行运行guide命令打开图形用户启动界面GUIDE Quick Start对话框，选择Blank GUI(Default)，单击“OK”按钮，新建一个图形用户界面设计界面，如图4-1所示。 图4-1 图形用户界面的新建 根据本实验的具体要求和图形用户界面的设计原则，将主界面命名为“kaishi”，如图4-2Static Text，双击控件可引出图形窗和相应控件的属性编辑框“Property Inspector”，其属性设置为欢迎进入数字基带传输系统的仿真，字体大小可设置为16号，另外在工作区放置两个“Push Button”按钮，分别双击这两个控件可引出图形窗和相应控件的属编辑框“Property Inspector”，在String一栏中修改各个控件的名称分别为进入和关闭，字体大小可设置为16号。如图4-3示的主界面和属编辑框“Property Inspector”。
图4-2 总界面 图4-3 设置开始界面
4.3 主界面的激活和回调函数的生成 经以上操作后，工作台上所制作的界面外形及所含构件已经符合设计要求，但这个界面各构件之间的通讯还没有建立，为此必须激活处理。 激活方式为：选中其中的一个控件，如“眼图”控件，右击控件选择“View Callback”中的“callback”可出现一个可以(待填写回调指令的)M函数文件的文件编辑器界面，在待填写回调指令处填写语句figure(yantu)，其余控件依此类推分别在指令处填写figure(digital)，figure(digital_receive)，figure(mjcr)，figure(raise)，figure(partrespond)其中digital，digital_receive，mjcr，raise，yantu，partrespond为显示数字基带传输过程中各过程波形的图形用户界面，这样就和其他的子界面之间建立了通信，回调函数如下填写： function pushbutton1_Callback(hObject, eventdata, handles) % hObject handle to pushbutton1 (see GCBO) % eventdata reserved - to be defined in a future version of MATLAB % handles structure with handles and user data (see GUIDATA) figure(digital) 回调函数编写完成后，点击保存按钮进行保存，点击工作台上的“Activate Figure”工具图标，便可以看到链接关系，如图4-4示。 图4-4 写完成的总界面
09次上机图形用户界面设计 1、（1）给程序添加注释，并执行。 建立数制转换对话框。 在左边输入一个十进制整数和2～16之间的数，单击“转换”按钮能在右边得到十进制数所对应的2～16进制字符串，单击“退出”按钮退出对话框。 hf=figure('Color',[0,1,1],'Position',[100,200,400,200],... 'Name','数制转换','NumberTitle','off','MenuBar','none'); uicontrol(hf,'Style','Text', 'Units','normalized',... 'Position',[0.05,0.8,0.45,0.1],'Horizontal','center',... 'String','输入框','Back',[0,1,1]); uicontrol(hf,'Style','Text','Position',[0.5,0.8,0.45,0.1],... 'Units','normalized','Horizontal','center',... 'String','输出框','Back',[0,1,1]); uicontrol(hf,'Style','Frame','Position',[0.04,0.33,0.45,0.45],... 'Units','normalized','Back',[1,1,0]); uicontrol(hf,'Style','Text','Position',[0.05,0.6,0.25,0.1],... 'Units','normalized','Horizontal','center',... 'String','十进制数','Back',[1,1,0]); uicontrol(hf,'Style','Text','Position',[0.05,0.4,0.25,0.1],... 'Units','normalized','Horizontal','center',... 'String','2～16进制','Back',[1,1,0]); he1=uicontrol(hf,'Style','Edit','Position',[0.25,0.6,0.2,0.1],... 'Units','normalized','Back',[0,1,0]); he2=uicontrol(hf,'Style','Edit','Position',[0.25,0.4,0.2,0.1],... 'Units','normalized','Back',[0,1,0]); uicontrol(hf,'Style','Frame','Position',[0.52,0.33,0.45,0.45],... 'Units','normalized','Back',[1,1,0]); ht=uicontrol(hf,'Style','Text','Position',[0.6,0.5,0.3,0.1],... 'Units','normalized','Horizontal','center','Back',[0,1,0]); COMM=['n=str2num(get(he1,''String''));',... 'b=str2num(get(he2,''String''));',... 'dec=trdec(n,b);','set(ht,''string'',dec);']; uicontrol(hf,'Style','Push','Position',[0.18,0.1,0.2,0.12],... 'String','转换','Units','normalized','Call',COMM); uicontrol(hf,'Style','Push','Position',[0.65,0.1,0.2,0.12],... 'String','退出','Units','normalized','Call','close(hf)'); 2、做一个带按钮的界面，当按动按钮时，在计算机声卡中播放一段音乐。（提示，找一个.wav 文件，简单起见可以在windows目录下找一个文件，将其放在当前工作目录下或搜索路径上，当按动“开始”按钮时调入该文件并播放，发声功能由sound函数完成，具体用法请查阅帮助信息）
人机交互基础教程 实验报告 实验题目：图形用户界面的设计 专业计算机科学与技术 学生姓名 班级学号 教师 指导单位计算机软件学院 日期
教师 评语教师签名： 年月日 成绩评定 备注
一、实验目的 (1)熟悉图形用户界面的设计原则 (2)利用一种设计工具完成图形化的用户界面设计 二、预备知识 图形用户界面又称为WIMP界面，由窗口(windows)、图标(icons)、菜单(menu)、指点设备(pointing device)四位一体，形成桌面(desktop) ，如图所示。 WIMP界面 用 户 手 眼 击键/指点 窗口、图标 菜单、文本 应用例程 图形用户界面是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除了基于可重叠多窗口管理技术外，广泛采用的另一核心技术是事件驱动(event-driven)技术。 WIMP界面可看作是第二代人机界面，是基于图形方式的人机界面。在WIMP界面中，人被称为用户，人机通过对话进行工作。用户只能使用手这一种交互通道输入信息，通过视觉通道获取信息。在WIMP界面中，界面的输出可以为静态或动态的二维图形或图像等信息。
这种方式能同时输出不同种类的信息，用户也可以在几个工作环境中切换而不丢失几个工作之间的联系，通过菜单可以执行控制型和对话型任务。由于引入了图标、按钮和滚动条技术，大大减少键盘输入，提高了交互效率。基于鼠标和图形用户界面的交互技术极大地推动了计算机技术的普及。 (1)图形用户界面的三个重要思想 1）桌面隐喻(desktop metaphor) 指在用户界面中用人们熟悉的桌面上的图例清楚地表示计算机可以处理的能力。隐喻的表现方法:静态图标、动画、视频2）所见即所得(What You See Is What You Get，WYSIWYG) 显示的用户交互行为与应用程序最终产生的结果是一致的。 3）直接操纵(direct manipulation) 直接操纵是指可以把操作的对象、属性、关系显式地表示出来，用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据的过程。直接操纵的对象是命令、数据或是对数据的某种操作。 (2)设计图形用户界面的原则 1) 一般性原则：界面要具有一致性、常用操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助、合理划分并高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致 2) 颜色的使用：颜色是一种有效的强化手段，同时具有美学价
目录 第一章设计任务及要求 ---------------------------------------------------------------------------------------------------------------- 1 1.1设计依据-------------------------------------------------------------------------------------------------------------------------- 1 1.2课程设计内容 ------------------------------------------------------------------------------------------------------------------- 1 1.3课程设计要求 ------------------------------------------------------------------------------------------------------------------- 1 第二章设计原理-------------------------------------------------------------------------------------------------------------------------- 2 2.1设计题目分析 ------------------------------------------------------------------------------------------------------------------- 2 2.2 设计原理------------------------------------------------------------------------------------------------------------------------- 2 第三章设计实现-------------------------------------------------------------------------------------------------------------------------- 4 3.1 菜单栏编辑---------------------------------------------------------------------------------------------------------------------- 4 3.2 控件及代码的加入 ------------------------------------------------------------------------------------------------------------ 6 3.2.2 控件按钮的创建 ------------------------------------------------------------------------------------------------------ 7 3.2.3 控件代码加入 --------------------------------------------------------------------------------------------------------- 8 3.4 图像灰度处理 ------------------------------------------------------------------------------------------------------------------ 9 3.5 亮度调节------------------------------------------------------------------------------------------------------------------------- 9 3.6 底片处理----------------------------------------------------------------------------------------------------------------------- 11 3.7 直方图均衡化 ---------------------------------------------------------------------------------------------------------------- 12 第四章结果分析及总结 -------------------------------------------------------------------------------------------------------------- 13 第五章参考文献------------------------------------------------------------------------------------------------------------------------ 14 第六章附录 ------------------------------------------------------------------------------------------------------------------------------ 15
实验九Java图形用户界面设计（1） 一实验目的 （1）掌握Frame与面板的使用 （2）布局管理器的使用 （3）布局管理器的使用 （4）边界风格的使用 （5）掌握简单Java事件的处理 二实验内容 1、创建并显示一个标题为“My Frame”，背景色为白色，大小为1000×1000的框架。在该框架中放置八个按钮，按钮的标题分别为“按钮1”、……“按钮8”。采用FlowLayout布局管理器。 程序： import java.awt.*; import javax.swing.*; public class Con1{ private JFrame f; private JButton b1,b2,b3,b4,b5,b6,b7,b8; public static void main(String args[]){ Con1 c=new Con1(); c.go(); } public void go(){
f=new JFrame("My Frame"); Container con=f.getContentPane(); con.setLayout(new FlowLayout()); con.setBackground(Color.white); con.setLayout(new FlowLayout(FlowLayout.RIGHT,920,50)); b1=new JButton("按键1"); b2=new JButton("按键2"); b3=new JButton("按键3"); b4=new JButton("按键4"); b5=new JButton("按键5"); b6=new JButton("按键6"); b7=new JButton("按键7"); b8=new JButton("按键8"); con.add(b1); c on.add(b2); c on.add(b3); c on.add(b4); con.add(b5); c on.add(b6); c on.add(b7); c on.add(b8); f.setSize(1000,1000); f.setVisible(true); } } 结果：
GUI指导教程系列(1)：GUI入门基本操作 为什么在MATLAB中要使用GUI呢？其实GUI就是Matlab中的Visual Basic，是面向对象的编程，可以使Matlab程序的终端用户，即使不懂的Matlab也可以轻易操作该程序！ 如果没有图形用户界面(GUI)我们只能从命令行(Command Window)中调用相关程序，这相对比较繁琐，并且不是所有用户都是这个能力。就好比计算机的DOS 系统，在有windows的情况下，您会选择DOS吗？当然我们也不排除骨灰级的人物！ 在本节教程我们主要针对没有GUI创建和使用经历的网友，但是必要的MATLAB 基础知识是需要的。在教程中我们将创建一个简单的GUI程序，它执行两个数的加法运行，然后显示其运算结果。 好下面开始我们的教程！ 一、打开和创建GUI界面 1、首先打开Matlab，在Command Window中输入guide回车 2、此时打开GUI编辑器GUIDE(GUI Developer的缩写) 2.1 界面上有两个标签也“Creat New GUI”和“Open Existing GUI” 如果创建新的GUI此时我们选择第一个标签页，但如果打开其它已经存在的GUI 就点击第二个标签吧
2.2 这里我们选择第一个标签下的“Blank GUI”(空白GUI)，下面还有几个系统GUI模版，你可以根据需要选择其它的。 2.3 点击“OK”我们正式进入GUIDE界面，呵呵，是不是感觉似曾相识 3、添加你需要的控件到figure中 在添加控件之前，您最好对您的GUI界面布局已经有一定的构思了，否则盲目性太大了不利于您的编程。下面是我们构思的布局。
实验6. 图形用户界面设计 一、 实验目的 1. 掌握图形对象属性的基本操作； 2. 掌握菜单及对话框设计、建立控件对象的方法。 二、 实验环境 1. 计算机 2. matlab7.1 三、 实验说明 1. 正确操作，认真观察； 2. 实验学时：2学时； 3. 学会使用help ； 4. 保存整理实验结果，提交实验报告。 四、 实验内容 1.设计如教材P374 图1所示的菜单，并在此基础上增加选项：可以改变曲线的颜色，可以改变窗口背景颜色。 2.（选做）采用图形用户界面，从键盘输入参数a 、b 、n 的值，考察参数对极坐标曲线)cos(θρn b a +=的影响。 五、 实验程序及结果 1. screen=get(0,'ScreenSize'); W=screen(3);H=screen(4); figure('Color','w','Position',[0.2*H,0.2*H,0.5*W,0.3*H],... 'Name','菜单设计实验','NumberTitle','off','MenuBar','none'); hplot=uimenu(gcf,'Label','&Plot'); %定义plot 菜单项 uimenu(hplot,'Label','Sine Wave','Call',... ['t=-pi:pi/20:pi;','h0=plot(t,sin(t));',...
'set(hlr,''Enable'',''on'');',... 'set(hlg,''Enable'',''on'');',... 'set(hlb,''Enable'',''on'');']); uimenu(hplot,'Label','Cosine Wave','Call',... ['t=-pi:pi/20:pi;','h0=plot(t,cos(t));',... 'set(hlr,''Enable'',''on'');',... 'set(hlg,''Enable'',''on'');',... 'set(hlb,''Enable'',''on'');']); uimenu(hplot,'Label','&Exit','Call','close(gcf)'); hc=uimenu(gcf,'Label','&Color'); %定义Color菜单项 hw=uimenu(hc,'Label','&Window Color'); uimenu(hw,'Label','&Red','Call','set(gcf,''Color'',''r'');'); uimenu(hw,'Label','&Green','Call','set(gcf,''Color'',''g'');'); uimenu(hw,'Label','&Blue','Call','set(gcf,''Color'',''b'');'); hl=uimenu(hc,'Label','&Line Color','Separator','on'); hlr=uimenu(hl,'Label','&Red','Call',... 'set(h0,''Color'',''r'');','Enable','off'); hlg=uimenu(hl,'Label','&Green','Call',... 'set(h0,''Color'',''g'');','Enable','off'); hlb=uimenu(hl,'Label','&Blue','Call',... 'set(h0,''Color'',''b'');','Enable','off'); 2. hf=figure('menubar','none','name','图形演示',... 'numbertitle','off'); %定义图形窗口 set(gcf,'unit','normalized','posi',[0.2,0.3,0.55,0.36]); axes('posi',[0.05,0.15,0.55,0.7]); %定义坐标轴 uicontrol(gcf,'style','text','unit','normalized',... %定义静态文本'posi',[0.63,0.85,0.1,0.1],'string','参数 a',... 'horizontal','center'); uicontrol(gcf,'style','text','unit','normalized',...
图形用户界面（GUI）设计举例 Tags: MATLAB图形用户界面GUI设计举例 Time : 2005-2-21 18:25:39 | Views : 756 | Font Size : Large Medium Small | Category : 毕业设计，留底回忆 前面我们已经大概的了解了MATLAB环境下的图形用户界面（GUI）设计，下面便通过具体的例子来演示在MATLAB环境下图形用户界面设计的方法与思想。 MATLAB的图形用户界面设计实际上是一种面向对象的设计方法。假设想建立一个图形界面来显示和处理二维图形的颜色、线型及数据点的图标。要求其基本功能是： （1）建立一个主坐标系，用来显示要绘制的二维图形； （2）建立一个列表框，允许用户选择不同的着色方法； （3）建立一组按扭，用于处理二维图形线型和数据点的图标； （4）为图形界面加入菜单项，用于决定坐标轴是否显示及坐标轴上是否需要网格； （A）最初图形界面的设想如下图所示： （B）根据上面的设想，下面我们就来制作它的图形用户界面： 首先，我们先来看其图形窗口的设置。在MATLAB命令窗口中选择菜单可获得一个标准MATLAB 的图形窗口，但我们可采用如下命令使得打开窗口的形式更富于变化： 窗口句柄=figure（属性1，属性值1，属性2，属性值2，……）； 通过这样的方式可以很容易地打开一个新的图形窗口，并返回该窗口的句柄，以后我们可以方便地对它进行进一步修正，窗口的属性诸如颜色（Color），标题名（Name）、位置（Position）等，都可根据需要设定。若要改变窗口的某些属性，则可通过调set（）函数来完成。这样我们就得到其窗口生成的程序如下： yWin=figure('Position',[100,100,410,310],'Name','对MATLAB绘图功能选项的演示 (2003/3/21)','Menubar','none', 'Resize','off','pointer','custom', 'numbertitle','off'); 接下来我们看起菜单项的加入。我们已建立了一个图形窗口，下面给它加入菜单项。 菜单设置是由uimenu（）函数来完成的，该函数调用格式为： 菜单项句柄=uimenu（窗口句柄，属性1，属性值1，属性2，属性值2，……）； 还可在某一个菜单条下定义一个新的子菜单条： 子菜单句柄=uimenu（菜单项句柄，属性1，属性值1，属性2，属性值2，……）； uimenu（）函数的属性最基本的有：
程序运行结果截图： 程序清单如下： import javax.swing.*; import java.awt.*; import java.awt.event.*; public class Example10_16 { public static void main(String arts []) { Win win = new Win(); } } class Win extends JFrame implements ActionListener { JTable table; Object a[][]; Object name[] = {"商品名称","单价","销售量","销售额"}; JButton computerRows,computerColums; JTextField inputRowsNumber; int initRows = 1; JPanel pSouth,pNorth; int count = 0,rowsNumber = 0; Win() { computerRows = new JButton("每件商品销售额"); computerColums = new JButton("总销售额"); inputRowsNumber = new JTextField(10); computerRows.addActionListener(this); computerColums.addActionListener(this); inputRowsNumber.addActionListener(this); pSouth = new JPanel();
GUI 开放分类：软件、电脑、计算机、界面 图形用户界面 (Graphic User Interface) 如Windows是以图形界面方式操作的，因为你可以用鼠标来点击按钮来进行操作，很直观。而DOS就不具备GUI，所以他只能输入命令。 GUI 是 Graphical User Interface 的简称，即图形用户界面，通常人机交互图形化用户界面设计经常读做“goo-ee”，准确来说 GUI 就是屏幕产品的视觉体验和互动操作部分。 GUI 是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。 这种面向客户的系统工程设计其目的是优化产品的性能，使操作更人性化，减轻使用者的认知负担，使其更适合用户的操作需求，直接提升产品的市场竞争力。 GUI 即人机交互图形化用户界面设计。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早已意识到 GUI 在产品方面产生的强大增值功能，以及带动的巨大市场价值，因此在公司内部设立了相关部门专门从事 GUI 的研究与设计，同业间也成立了若干机构，以互相交流 GUI 设计理论与经验为目的。随着中国 IT 产业，移动通讯产业，家电产业的迅猛发展，在产品的人机交互界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。 GUI 准则 减少用户的认知负担 保持界面的一致性。 满足不同目标用户的创意需求 用户界面友好性 图标识别平衡性 图标功能的一致性 建立界面与用户的互动交流
GUI 应用领域 手机通讯移动产品电脑操作平台 软件产品 PDA产品 数码产品 车载系统产品 智能家电产品 游戏产品 产品的在线推广
专题八MATLAB图形用户界面设计 8.3 图形用户界面设计方法 ?图形用户界面的组成 ?控件对象及其操作 ?菜单对象及其操作
1．图形用户界面的组成 ?图形用户界面（Graphical User Interface，GUI）：用户与计算机进行信息交流的窗口。 ?设计图形用户界面的方法 ?调用建立用户界面控件的函数 ?使用MATLAB提供的GUIDE工具进行可视化设计
2．控件对象及其操作 （1）常用控件 ?输入和输出类控件：编辑框、静态文本、列表框、滑动条等。 ?实施确认、选择操作类控件：按钮、双位按钮、单选按钮、复选框等。
2．控件对象及其操作 （2）建立控件对象 函数uicontrol用于建立控件对象，其调用格式为： 句柄变量=uicontrol(图形窗口句柄,属性1,属性值1,属性2,属性值2,…)其中，属性及其取值决定了控件的特征。若省略图形窗口句柄，默认在当前图形窗口建立控件对象。
2．控件对象及其操作 （3）控件对象的基本控制属性 ?Style属性：定义控件对象的类型，例如‘pushbutton’表示按钮对象，'edit'表示编辑框，等等。 ?String属性：定义控件对象的说明文字。 ?Tag属性：标识控件对象。 ?Enable属性：控制控件对象是否可用。 ?Position属性：定义控件对象的位置，其取值形式为[x，y，w，h]。?Callback属性：其属性值是描述命令的字符串或函数句柄，当选中控件时，系统将自动执行字符串描述的命令或调用句柄所代表的函数，实施相关操作。
例1 在图形窗口中建立三个按钮对象，当单击按钮时分别绘制正弦曲线、显示或隐藏坐标轴的网格、清除坐标轴的图形。 ha= axes('Units','pixels','Position',[40,40,360,360]); ptgrid=uicontrol('Style','pushbutton',... 'String','网格', 'Position', [450,120,48,20],... 'Callback','grid' ); btncla= uicontrol('Style', 'pushbutton', ... 'String', '清除','Position', [450,80,48,20],... 'Callback','cla' ); btnplot= uicontrol('Style', 'pushbutton', ... 'String','绘图','Position', [450,160,48,20]);
实验三--图形用户界面设计(汽院含答案)
实验三图形用户界面设计 实验目的 1．掌握Java语言中GUI编程的基本方法 2．掌握Java语言中AWT组件的基本用法 3．掌握Java语言中Swing组件的基本用法实验导读 1.通过图形用户界面(GUI：Graphics User Interface)，用户和程序之间可以方便地进 行交互。 AWT(Abstract Windowing Toolkit)，中文译为抽象窗口工具包，是Java提供的用来建立和设置Java的图形用户界面的基本工具。AWT由Java中的java.awt包提供，里面包含了许多可用来建立与平台无关的图形用户界面(GUI)的类，这些类又被称为组件(components)。 Swing是一个用于开发Java应用程序用户界面的开发工具包。它以抽象窗口工具包（AWT）为基础使跨平台应用程序可以使用任何可插拔的外观风格。Swing开发人员只用很少的代码就可以利用Swing丰富、灵活的功能和模块化组件来创建优雅的用户界面。 JDK写程序所有功能都是靠虚拟机去操作本地操作系统。比如window下，就是JDK用windows API实现功能。而awt包中很多组件是组件自身去调用本地操作系统代码 swing包中的组件采用的是调用本地虚拟机方法，由虚拟机再调用本地操作系统代码。意思就是中间多了一层，这样就加强了swing包的移植性，与本地关系不那强了。
图3.1 AWT常用组件继承关系图Container为容器，是一个特殊的组件，该组件中可以通过add方法添加其他组件进来。 2.布局，容器中的组件的排放方式。常见的布 局管理器： FlowLayout（流式布局管理器）：从左到右的顺序排列。Panel默认的布局管理器。BorderLayout（边界布局管理器）：东，南，西，北，中。Frame默认的布局管理器。GridLayout（网格布局管理器）：规则的矩阵CardLayout（卡片布局管理器）：选项卡GridBagLayout（网格包布局管理器）：非规则的矩阵 3.类JFrame是java.awt.Frame 的扩展版本， 该版本添加了对 JFC/Swing 组件架构的支持，常用方法如下： 1)J Frame() 该构造方法可以创建一个无 标题的窗口，窗口的默认布局为 BorderLayout布局。 2)J Frame(String s) 该构造方法可以创 建一个标题为s的窗口，窗口的默认布局 为BorderLayout布局。 3)p ublic void setBounds(int a,int b,int width,int height) 窗口调用该 方法可以设置出现在屏幕上时的初始位 置是(a,b)，即距屏幕左面a个像素、距 屏幕上方b个像素；窗口的宽是width， 高是height。 4)p ublic void setSize(int width,int