图形界面之菜单设计 7
UI界面设计规范
WI-PSMIS-DJ-B00802.01.000（内部保密资料）ECE项目图形用户界面设计规范自2012年8月日起正式生效广州从兴电子开发有限公司编制：审批：目录1引言 (4)1.1目的 (4)1.2范围 (4)1.3参考资料 (4)2概述 (4)3原则 (5)3.1易用性 (5)3.2规范性 (5)3.3合理性 (6)3.4美观与协调性 (6)3.5独特性 (7)4设计规范 (7)4.1登录界面 (7)4.2首页 (7)4.3框架设计 (7)4.4按钮设计 (8)4.5对话框 (8)4.5.1一般对话框 (8)4.5.2有模式对话框 (9)4.5.3无模式对话框 (9)4.6面板设计 (9)4.7菜单设计 (9)4.8图标设计 (10)4.9滚动条 (10)4.10换肤功能 (10)5保留字 (10)5.1常用保留字 (10)电力营销图形用户界面设计规范1 引言1.1 目的统一和规范软件界面。
1.2 范围电力营销改造。
1.3 参考资料2 概述界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。
而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。
同时界面如同人的面孔，具有吸引用户的直接优势。
设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。
目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。
而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。
微软公司和苹果公司是这方面的典范。
微软公司的所有产品包括Office、Windows、MSN Messenger和其所有的网站都是我们追随的对象。
而且微软公司所有的文档和产品介绍也是我们模仿和学习的对象。
苹果公司更是这方面的鼻祖，它的所有产品无不表露着它在这方面是无人能及的。
我们考虑GUI设计时应该遵循基本的规则然后参考成熟的设计，并能够添加自己的独特性。
图形界面Qt程序设计
图形界面Qt程序设计图形界面Qt程序设计是一种基于Qt开发平台的图形用户界面(GUI)程序设计方法。
Qt是一种跨平台的应用程序开发框架，具有丰富的功能库和工具，可用于开发多种类型的应用程序，包括桌面应用、移动应用和嵌入式应用等。
在程序设计中，图形界面是用户与计算机进行交互的重要方式，能够使用户通过直观、可视化的界面完成各种操作和任务。
下面将介绍图形界面Qt程序设计的基本原理、工具和应用。
一、图形界面Qt程序设计的基本原理Qt框架采用了C++编程语言，通过使用特殊的宏和关键字，扩展了C++语法，增加了一系列的类和数据结构，用于实现图形用户界面的各种功能。
基于Qt框架进行图形界面设计时，通常需要完成以下几个步骤：1.创建主窗口：主窗口是应用程序的最顶层窗口，所有其他的窗口和控件都是主窗口的子窗口。
在创建主窗口时，需要选择合适的窗口类型，如对话框、工具栏、菜单栏等。
3.布局管理：布局管理器用于确定控件在主窗口中的位置和大小。
Qt提供了多种布局管理器，包括水平布局、垂直布局、栅格布局等。
通过使用布局管理器，可以实现自动排列和调整控件的功能。
4.事件处理：事件是用户与界面交互的一种形式，如鼠标点击、键盘按键等。
在Qt中，每个控件都可以处理一系列的事件，通过重写事件处理函数，可以实现对事件的响应和处理。
5.信号与槽机制：信号和槽是Qt中的一种重要机制，用于实现对象间的通信。
信号是事件的发出者，槽是事件的接收者。
通过连接信号与槽，可以实现不同对象之间的交互和数据传输。
二、图形界面Qt程序设计的工具三、图形界面Qt程序设计的应用图形界面Qt程序设计在各个领域都有广泛的应用，可以用于开发桌面应用、移动应用和嵌入式应用等。
其中，桌面应用是最常见的一种应用形式。
通过使用Qt框架，可以方便地创建各种类型的桌面应用，如办公软件、图形图像处理软件、媒体播放器等。
移动应用是近年来快速发展的一个领域，Qt也提供了相应的解决方案。
第七章Matlab的图形用户界面GUI
:列表框(listbox)，列表框列出一些选项的清单， 列表框(listbox)，列表框列出一些选项的清单， 列表框(listbox) 并允许用户选择其中的一个或多个选项， 并允许用户选择其中的一个或多个选项，一个或多个的模 式由Min Max属性控制 Min和 属性控制。 式由Min和Max属性控制。Value 属性的值为被选中选项的 序号，同时也指示了选中选项的个数。 序号，同时也指示了选中选项的个数。 当单击鼠标按钮选中该项后，Value属性的值被改变 属性的值被改变， 当单击鼠标按钮选中该项后，Value属性的值被改变， 释放鼠标按钮的时候Matlab执行列表框的回调程序。 Matlab执行列表框的回调程序 释放鼠标按钮的时候Matlab执行列表框的回调程序。 列表框的“Style”属性的默认值是 listbox”。 属性的默认值是“ 列表框的“Style”属性的默认值是“listbox”。 :复选框(checkbox)，又称检查框，它由一个标注 复选框(checkbox)，又称检查框， (checkbox) 字符串（ String”属性中设置 属性中设置） 字符串（在“String”属性中设置）和字符串左侧的一个 小方框所组成。选中时在方框内添加“ 符号， 小方框所组成。选中时在方框内添加“√”符号， Value”属性值设为 1”；未选中时方框变空， 属性值设为“ “Value”属性值设为“1”；未选中时方框变空， Value”属性值设为 0”。 属性值设为“ “Value”属性值设为“0”。复选框一般用于表明选项的 状态或属性。 状态或属性。
： 弹出式菜单(Pop-up 弹出式菜单(Pop(Pop
第11章 MATLAB图形用户界面设计
2．控件对象的属性 ． MATLAB的10种控件对象使用相同的属性类型，但是 种控件对象使用相同的属性类型， 的 种控件对象使用相同的属性类型 这些属性对于不同类型的控件对象，其含义不尽相同。 这些属性对于不同类型的控件对象，其含义不尽相同。除 Children、Parent、Tag、Type、UserData、Visible等公 、 、 、 、 、 等公 共属性外，还有一些常用的特殊属性。 共属性外，还有一些常用的特殊属性。
通过顶层菜单Test形成的带分格的封闭坐标轴 图1 通过顶层菜单 形成的带分格的封闭坐标轴
11.1.3 快捷菜单 快捷菜单是用鼠标右键单击某对象时在屏幕上弹出的菜单。 快捷菜单是用鼠标右键单击某对象时在屏幕上弹出的菜单。 这种菜单出现的位置是不固定的， 这种菜单出现的位置是不固定的，而且总是和某个图形对 象相联系。 象相联系。在MATLAB中，可以使用 中 可以使用uicontextmenu函数 函数 和图形对象的UIContextMenu属性来建立快捷菜单，具体 属性来建立快捷菜单， 和图形对象的 属性来建立快捷菜单 步骤为： 步骤为： (1) 利用 利用uicontextmenu函数建立快捷菜单。 函数建立快捷菜单。 函数建立快捷菜单 (2) 利用 利用uimenu函数为快捷菜单建立菜单项。 函数为快捷菜单建立菜单项。 函数为快捷菜单建立菜单项 (3) 利用 函数将该快捷菜单和某图形对象联系起来。 利用set函数将该快捷菜单和某图形对象联系起来 函数将该快捷菜单和某图形对象联系起来。
uicontrol('style','frame',...%创建用户控件区 创建用户控件区 'position',[0.67,0.55,0.25,0.25]); uicontrol(‘style’,‘text’,... %创建静态文本框 创建静态文本框 'string','正斜体图名 正斜体图名:',... 正斜体图名 'position',[0.68,0.77,0.18,0.1],... 'horizontal','left'); hr1=uicontrol(gcf,‘style’,‘radio’,... %创建“无线电”选择按 创建“ 创建 无线电” 键 'string','正体 正体',... %按键功能的文字标识 正体 按键功能的文字标识'正体 正体 按键功能的文字标识 正体' 'position',[0.7,0.69,0.15,0.08]); %按键位置 按键位置 set(hr1,‘value’,get(hr1,‘Max’)); %因图名缺省使用正体，所以小圆圈应被点黑 因图名缺省使用正体， 因图名缺省使用正体 set(hr1,'callback',[... 'set(hr1,''value'',get(hr1,''max'')),',...%选中将小圆圈点黑 选中将小圆圈点黑 'set(hr2,''value'',get(hr2,''min'')),',...%将"互斥 选项点白 互斥"选项点白 将 互斥 'set(htitle,''fontangle'',''normal''),',... %使图名字体正体显示 使图名字体正体显示 ]);
第七讲MATLAB图形用户界面（GUI）设计
第七讲MATLAB图形⽤户界⾯（GUI）设计第7讲MATLAB图形⽤户界⾯（GUI）设计图形⽤户界⾯（GUI, Graphical User Interface）是由图形控件构建的⽤于⼈与计算机交互信息的界⾯。
在图形⽤户界⾯上，⽤户可以根据界⾯上的提⽰信息完成⾃⼰的⼯作，⽽不需要记忆⼤量繁琐的命令，只需通过⿏标、键盘等便捷的⽅式与计算机交互信息、选择想要运⾏的程序、控制程序的运⾏、实时显⽰图形信息。
MATLAB创建的图形⽤户界⾯对象有三类：⽤户界⾯控件，如按钮、列表框、编辑框等；下拉菜单，如菜单、⼦菜单；内容菜单，如弹出式菜单。
⼀、命令⾏建⽴⽤户界⾯的⽅法1、创建控件命令：uicontrol调⽤格式：1）uicontrol(‘PropertyName1’,value1, ‘PropertyName2’,value2,……)功能：在当前图形⽤户的界⾯上，应⽤当前制定的属性值创建控件；2）h=uicontrol(‘PropertyName1’,value1, ‘PropertyName2’,value2,……)功能：在当前图形⽤户的界⾯上，应⽤当前制定的属性值创建控件，并返回控件的句柄；3）uicontrol(FIG, ‘PropertyName1’,value1, ‘PropertyName2’,value2,……)功能：在句柄FIG指定的图形⽤户界⾯上，创建控件；4）h=uicontrol(FIG, ‘PropertyName1’,value1, ‘PropertyName2’,value2,……) 功能：在句柄FIG指定的图形⽤户界⾯上，创建控件，并返回控件的句柄。
说明：函数中的PropertyName参数的参数值有：Push buttons（命令按钮）、sliders （滚动条控件）、Radio button（单选按钮）、Check box（复选框）、Edit text （可编程⽂本框）、Static text（静态⽂本框）、Pop_up menus（弹出式菜单）、listbox（列表框）、Toggle button（开关按钮）、Axes（坐标轴）、Panel（⾯板控件）、Button group（按钮组框）、ActiveX control（ActiveX 控件）。
MATLAB的图形用户界面设计
UserData属性的取值是一个矩阵，缺省值为空矩阵，用户可以在 这个属性中保存与该菜单对象相关的重要数据或信息，借此可以达 到传递数据或信息的目的。可以用set和get函数访问该属性。
二、菜单设计
【例2】 建立一个菜单系统。
菜单条中含有File和Help两个菜单项。如果选择File中的New 选项，则将显示New Item字样，如果选择File中的Open选项， 则将显示出Open Item字样。File中的Save菜单项初始时处于禁 选状态，在选择Help选项之后将此菜单项恢复成可选状态，如 果选择File中的Save选项，则将出现一个新的菜单(三级菜单)， 其中共有两个子菜单项Text file和Graphics file，如果选择第1项， 则将变量k1和k2分别赋为0和1，然后调用file01.m文件来进行 相应的处理(该文件需要另行编写)，如果选择第2项，则将变 量k1和k2分别赋为1和0，然后调用file10.m文件来进行相应的 处理(该文件也需要另行编写)。如果选择File中的Save As选项， 则将显示Save As Item字样。如果选择File中的Exit选项，则将 关闭当前窗口。如果选择Help中About …选项，则将显示Help Item字样，并将Save•菜单设置成可选状态。
第八讲 MATLAB图形用 户界面设计
所谓图形用户界面是指由窗口、菜单、对 话框等各种图形对象组成的用户界面。在 这种用户界面下，用户的操作是通过“选 择”各种图形对象来实现的。
一、图形窗口的控制
一、图形窗口的控制
1.建立图形窗口 要建立一个图形窗口，有两种方法：
(1)菜单操作：在MATLAB命令窗口选择File菜单中 的New命令，再选取Figure子菜单，这样将建立一个标准 的MATLAB图形窗口；
第五章菜单工具栏状态栏和对话框
11. 显示窗口列表(Window List)检查框：
决定是否显示所有打开的子窗体标题。
对MDI窗体和MDI子窗体有效，对普通窗体无效。
5.1 菜单设计
3.菜单设计的几项操作：
(1)．设计下拉菜单 (2)．设计子菜单或改变子菜单级别 (3)．为菜单项分组
菜单名用减号“-” (4)．为菜单项指定访问键和快捷键
5.4.2 通用对话框
三、通用对话框使用---打开/另存为对话框
属性
4.InitDir（初始化路径）属性：该属性用来指定打开对话框 中的初始目录，若不设置，系统则默认为“C:\My Documents\”。
sbrScrl
4
Scroll Lock 键。当激活滚动锁定时，用黑体显示字母 SCRL，反之，当停用滚动键时， 显示暗淡的字母。
sbrTime 5 Time。以系统格式显示当前时间。
sbrDate 6 Date。以系统格式显示当前日期。
5.3 状态栏（StatusBa源自 控件）3.状态栏事件响应及显示信息修改
2. 在ToolBar控件中添加按钮 （1）ToolBar控件
ToolBar控件包含一个按钮对象集合，该对象被用来创 建与应用程序相关联的工具栏。工具栏包含一些按钮，这 些按钮与应用程序菜单中各项的按钮对应，工具栏为用户 访问应用程序的最常用功能和命令提供了图形接口。
（2）为工具栏连接按钮 右键单击Toolbar控件，选择“属性”命令打开如图2所
False(缺省)：选择“取消”按钮，没有错误警告。
2、 通用对话框的方法
除了Acton属性，VB还提供了一组方法用来打开不同类型对话框
ShowOpen
ShowSave ShowColor
图形界面应用程序设计
目录课题要求 (1)一.课题目的 (1)二.运行环境 (1)正文 (1)一.课题分析 (1)二.方案设计 (1)（一）安装与建立Qt 桌面运行环境 (1)（二）使用Qt Designer 编写程序、编译、本机上运行 (4)（三）移植QT/E 到ARM 设备 (9)三.技术实现问题 (11)（一）通过FTP向开发板传送可执行文件 (11)（二）释放用户权限 (11)四.总结与体会 (11)设计性实验报告成绩：指导教师签名： (11)课题要求一.课题目的了解在Linux 下安装Qt 的基本步骤。
学会在Qt 环境在X11 平台下程序设计的方法。
学会在使用Qt Designer 编写程序，编译，本机上运行。
学会QT/E 在ARM 设备上的移植方法与步骤。
学习QT 中信号与槽的编程。
掌握QT/E 在ARM 设备上的常用输入输出设备移植方法。
设计一个简单图形界面的应用。
二.运行环境硬件：up-Star 认证考试实践板、PC 机Pentumn500 以上, 硬盘80G 以上。
软件：PC 机操作系统RHEL4 ＋xshell ＋ARM-Linux 开发环境qt-embedded-linux-opensource-src-4.4.0.tar.bz2tslib-1.4.tar.bz2 arm-linux-gcc-3.4.1.tar.bz2正文一.课题分析图形界面应用程序设计这一课题实现过程相对较复杂，从Qt的安装到最终的移植实现大致要经过三个步骤。
首先，在Linux 下安装与建立Qt 桌面运行环境；其次，熟悉Qt Designer，并使用Qt Designer编写程序、编译，在本机运行；最后，移植QT/E 到ARM 设备。
二.方案设计（一）安装与建立Qt 桌面运行环境编译 QT-X11 环境:将/up-Star2410/gui/Qt/src 下实验用到的三个文件拷贝到/home/sprife/for_pc目录下。
拷贝库文件：#cd /home/#mkdir sprife //新建文件夹sprife#cd sprife //打开文件夹sprife#mkdir for_pc#cd for_pc#cp /up-Star2410/gui/Qt/src/qt-x11-opensource-src-4.4.0.tar.gz ./ //拷贝文件安装编译器arm-linux-gcc-3.4.1：[root@BC src]#cd /up-Star2410/gui/Qt/tools //打开tools文件夹[root@BC tools]#tar xjvf arm-linux-gcc-3.4.1.tar.bz2 -C ./ //解压缩文件[root@BC tools]#vi /root/.bash_profile //打开文件将该文件中的PATH 变量改为PATH=$PATH:$HOME/bin:/up-Star2410/gui/Qt/tools /usr/local/arm/3.4.1/bin/，存盘后退出。
1.2探索windows7图形界面
3
青岛华夏职业教育中心
计算机组
窗口的基本操作
窗口的基本操作包括移动、缩放、最大化、最小化、关闭等。
最小化、最大化、关闭
移动、缩放
4
青岛华夏职业教育中心
计算机组
对话框的组成
（1）对话框的组成：标题栏、选项卡和标签、文本框、列表框、命令按钮
单选按钮、复选框 （2）对话框的操作：移动、对话框之间的切换、关闭。
青岛华夏职业教育中心
第一单元 基 础 模 块
青岛华夏职业教育中心 计算机组
任务2
探索Windows 7图形界面
认识桌面
①什么是桌面？
Windows启动后出现的主屏幕工作区域，成为桌面
②桌面上都有什么？
桌面下方有任务栏，桌面上有一些常见的图标。
桌面上常见图标：“用户的文件”图标、“计算机”图标、“网络”图 标、“回收站”图标 “控制面板”图标 任务栏的组成：开始按钮、正在运行的应用程序按钮、系统托盘
知识扩展
（1）了解“帮助和支持”窗口
（2）使用帮助系统
13
青岛华夏职业教育中心
计算机组
技能训练
操作目的
探索Windows 7图形界面
1. 能启动和退出Windows7； 2. 认识Windows7桌面的组成； 3. 掌握窗口、对话框、菜单的基本操作； 4. 会使用帮助系统
14
青岛华夏职业教育中心
计算机组
5
青岛华夏职业教育中心
计算机组
创建桌面图标
创建图标
“桌面”右键“新建”，即 可创建各种类型的图标
6
“新建”——“快捷方式”
青岛华夏职业教育中心
计算机组
对话框的组成
设置个性桌面
高中信息技术上册《第7课 图形化操作界面》教案-人教版高中上册信息技术教案
1、上机演示。其他学生进行更正、补充。
2、找出错误后，学生之是相互讨论订正。
1完成目标，同时理清本节课学习效果。
达成目标
当堂训练
上机完成目标1、2、3练习
完成上机检测题
认真完成效果较好
达成目标
教学
流程图
按新授课
教学
设计
评价
那你们想不想学会使用计算机呢？今天老师就和同学们一起走进神奇的Windows98，探索其中的奥妙之处。教师演示课题：初识Windows98。
学生边观看边思考边举手回答。
达成目标
揭示学习目标
揭示学习目标：
1、学生初步认识Windows98、桌面和开始菜单。
2、学生掌握启动和退出Windows 98的方法。
2、学生掌握启动和退出Windows 98的方法。
3、学生了解鼠标指针的含义，初步掌握鼠标器的五种基本操作。
4、培养学生学习Windows98的浓厚兴趣。
过程
与方法
5、教师指导下通过自主学习、协作探究这一学习过程，培养学生的创造性思维和创新精神，从感性认识到理性认识，启发学生对问题深入思考。
6、电脑动画课件教学。
教学难点
难点
学生掌握鼠标器的操作，特别是双击操作
解决办法
举实例、多媒体课件演示
教学策略
讲练相结合。
自学与小组讨论结合法。
教学资源
多媒体课件、多媒本广播演示系统、电脑音箱等
板书
设计
教学演示
教学过程
教学环节
教师活动
学生活动
教学媒体使用
预期效果
导入新课
同学们，通过前一段时间的学习，你们对计算机有所了解了吗？把你知道的向同学们介绍一下。