dsGUI
图形用户界面
版本V2.01
https://www.doczj.com/doc/0e16524383.html,
嵌入式系统解决方案与技术服务手册修改订时间：2013-04-10
dsGUI使用手册
版本：v1.1 1 dsGUI简介 (4)
1.1GUI概述 (4)
1.2关于dsGUI (4)
1.3技术特性 (4)
1.3使用许可 (5)
1.4应用限制 (5)
2 演示及模拟 (6)
2.1开发板演示 (6)
2.2电脑软件演示 (6)
2.3电脑软件模拟 (6)
2.4编辑框及按钮演示 (7)
2.4单选框演示 (7)
2.4列表框演示 (8)
2.5下拉框演示 (8)
2.6复选框演示 (8)
2.7滑动条演示 (9)
2.8进度条演示 (9)
2.9消息框演示 (10)
3原理及应用 (11)
3.1色彩（Color） (11)
3.2影象（Image） (11)
3.3字库（Font） (12)
3.4字符串（String） (12)
3.5控件（Controls） (12)
3.5页面（Page） (12)
3.5输入设备（InputDevice） (13)
3.6动态内存（DynamicMemory） (13)
4 系统接口 (15)
4.1初始化 (15)
4.2动态内存监视 (15)
4.3查询版本号 (16)
4.4引导字库 (16)
4.5指针输入设备 (16)
4.6显示设备重画 (17)
5 页面操作 (18)
5.1创建页面 (18)
5.2页面控件事件回调 (18)
5.3页面空白区域回调 (19)
5.4激活页面 (19)
5.5删除页面 (19)
6 页面修饰 (21)
6.1页面贴图 (21)
6.2显示字符串 (21)
6.3显示包罗框 (22)
6.4清除矩形块 (22)
7 控件操作 (23)
7.1按钮 (23)
7.2编辑框 (24)
7.3文本框 (25)
7.4单选框 (25)
7.5复选框 (27)
7.6列表框 (28)
7.7下拉框 (29)
7.8滑动条 (31)
7.9进度条 (32)
7.10消息框 (32)
7.11删除控件 (33)
8 资源说明 (35)
1 dsGUI简介
1.1GUI概述
图形用户界面（Graphical User Interface，简称GUI，又称图形用户接口）是指采用图形方式显示的计算机操作用户界面。GUI的广泛应用是当今计算机发展的重大成就之一，他极大地方便了非专业用户的使用。人们从此不再需要死记硬背大量的命令，取而代之的是可以通过窗口、菜单、按键等方式来方便地进行操作。
嵌入式系统的飞速发展产生对嵌入式GUI的广泛需求，嵌入式GUI有以下面几个方面的基本要求：轻型、占用资源少、高性能、高可靠性、便于移植、可配置等特点。
1.2关于dsGUI
苏州鼎尚信息技术有限公司为广大的嵌入式开发者提供了系列中间件，包括“dsIP 网络协议栈”、“dsFAT文件系统”、“dsGUI图形用户界面”。
鼎尚嵌入式中间件面向对运行效率、代码尺寸、内存使用有极高要求的嵌入式开发环境，提供标准C语言及回调函数接口，不依赖操作系统，特别适合于超循环（裸机运行）或简单任务调度的编程环境下使用。做中国人喜欢的简单、好用的嵌入式中间件是我们的一贯追求。
dsGUI图形用户界面V2.01版本，专为嵌入式环境量身定制，提供精简的页面管理和按钮、编辑框、文本框、单选框、复选框、列表框、下拉框、滑动条、进度条、消息框等一些常用窗口控件，满足绝大部分嵌入式电子产品对图形界面的要求。
1.3技术特性
1. 代码尺寸小，占用ROM空间不超过20K字节。
2. 内存使用少，代码运行使用的RAM空间不超过3K字节。
3. 动态内存由用户指定，最大使用量可以实时监控。
4. 提供标准C语言及回调函数接口，不依赖操作系统，可以在超循环运行环境（俗
称裸机）下工作。
5. 提供常用窗口控件，满足绝大部分嵌入式电子产品对图形界面的要求。
6. 提供抽象驱动接口，图形库与实际显示硬件无关。
1.3使用许可
1. 鼎尚信息以代码链接库而非源代码的形式发布dsGUI图形用户界面，用户可免费使用。用户有义务将使用过程中发现的问题反馈到鼎尚信息，公司会不定期发布更新的版本，以弥补此前发现的问题。
2. 用户不得对本链接库进行任何形式的反向工程、反向编译和反向汇编。
3. 用户可以将dsGUI图形用户界面用于任何商业用途，但用户需切实做好对产品相关功能与性能的测试工作，用户自身对产品的质量负责，鼎尚信息不会对用户由于免费使用本公司中间件而导致的问题承担任何责任。
1.4应用限制
1. dsGUI当前版本采用页面缓存机制，页面缓存采用RGB888 24位真彩数据格式，对内存有一定要求，综合其它开销，设备内存至少在1M字节以上。
2. dsGUI当前版本没有考虑多进程保护，如果应用在多任务环境，请保证只有一个任务调用API接口函数。如何一定要有多个任务调用API，则在调用时，需将任务锁定，以避免冲突。
3. dsGUI当前版本不能同时对多个页面操作，所有的操作都在当前页面上进行。事实上，嵌入式图形界面很少需要对多个页面同时进行操作的。
4. dsGUI当前版本只支持英文和中文两种语言的字库。
2 演示及模拟
2.1开发板演示
可以使用鼎尚信息DS-LPC3250、DS-LPC1788、DS-LPC1850、DS-LPC4357等多款开发板下载相应的dsGUI演示例程，可以立刻感受到dsGUI的真实效果。开发板dsGUI演示例程可以从公司网站直接下载，公司提供演示例程源代码。
鼎尚开发板LCD触摸屏演示dsGUI效果图
2.2电脑软件演示
对于手上没有鼎尚开发板的用户，可以从公司网站下载演示软件，运行软件后，可以看到与嵌入式环境基本一致的演示效果。感兴趣的用户可以从公司网站进一步下载演示软件的源代码，演示软件使用开源工具DEV C++集成编程环境生成。
2.3电脑软件模拟
鼎尚信息在提供能用于嵌入式环境下的dsGUI代码链接库的同时，也提供能在电脑上使
用的dsGUI代码链接库（dsGUI.a）。用户在开发嵌入式图形界面时，可以先行在电脑上进行模拟，以提升开发的效率，待在电脑上模拟完成后，再将设计好的界面移植到嵌入式环境中即可。链接库使用开源工具DEV C++集成编程环境生成，所以用户在电脑上进行界面开发时，也需要在DEV C++集成编程环境中开发。
事实上，用户在电脑上进行模拟开发时，并不需要从头构建，完全可以使用鼎尚信息提供的电脑版演示例程，快速学会dsGUI使用方法，在原有例程上进行裁减和添加，以达到自己的效果，鼎尚信息提供完整的电脑版演示例程源代码。
2.4编辑框及按钮演示
该演示页面展示了使用编辑框及按钮实现一个计算器，其中部分按钮进行了贴图，以增强效果。当然，该演示页面并没有实际完成计算器功能，感兴趣的用户可以继续补充完成。
用户点击任意一个按钮，则该按钮的字符会添加在编辑框中。
用户点击【=】按钮，会清空编辑框中的字符。
用户点击【<-】按钮，会退格编辑框中的字符。
“+”、“-”、“*”、“/”四个按钮使用金属纹底图进行贴图渲染，“<-”、“=”使用木纹底图进行贴图渲染。
2.4单选框演示
该演示页面展示了使用单选框选择一个颜色。该单选框有“赤”、“橙”、“黄”、“绿”、“青”、“蓝”、“紫”七个选项，你只要点击其中一个选项，右边就会出现相应的色块。
2.4列表框演示
该演示页面展示了使用列表框选择一个国家的国旗。该列表框有“阿根廷”、“澳大利亚”、“丹麦”、“德国”、“以色列”、“意大利”、“密克罗尼西亚”七个选项，你只要点击其中一个选项，右边就会出现相应国家的国旗。
2.5下拉框演示
该演示页面展示了使用下拉框选择各种语言对“你好”的表达。该下拉框有“汉语”、“英语”、“意大利语”、“西班牙语”、“瑞典语”、“法语”、“俄语”七个选项，你只要点击其中一个选项，右边就会出现相应语种对词语“你好”的表达。
2.6复选框演示
该演示页面展示了使用复选框对各种颜色进行组合。页面中“赤”、“橙”、“黄”、“绿”、“青”、“蓝”、“紫”七个复选框，你选择其中的一个或多个颜色，右边就会出现这几种颜色进行组后以后的新颜色。比如将“橙色”与“蓝色”进行混合后，就会出现“深紫色”的效果。
2.7滑动条演示
该演示页面展示了使用滑动条对各种颜色进行组合。页面中“红”、“绿”、“蓝”三个滑动条，分别对应红绿蓝三基色。拖动滑动条，该滑动条右侧会显示该颜色当前的色彩值和色彩显示。数值越小，色度越大。而滑动条的正下方为三基色混合以后的效果。通过这个例程的演示，可以组合出任何一种您想要的色彩。
2.8进度条演示
该演示页面展示了使用进度条表达进展程度，例程模拟了一个文件拷贝的过程，随着时间的推移，进度从0%到100%。页面中有一个“开始”按钮，点击开始，则启动拷贝。在进度条在前进的同时，也会出现文件从一个文件夹到另一个文件夹的简单动画。开始拷贝后，“开始”按钮转变为“停止”按钮，点击“停止”按钮，则拷贝停止。
2.9消息框演示
该演示页面有一个“设置颜色”按钮，点击该按钮，弹出一个消息，提示将改变页面上的色块颜色。选择“确定”则改变，选择“取消”则放弃。
3原理及应用
3.1色彩（Color）
为保证用户界面的显示效果，dsGUI内部在记录色彩时，统一使用RGB888 24位真彩的数据格式。用户在实际显示时，需要将dsGUI提供的RGB888的格式数据转化为显示器认识的色彩数据格式。
dsGUI提供了一些常用的色彩定义
3.2影象（Image）
影象为尺寸固定的小块图像，是该图像的所有相素点数据的集合。影象常被用于页面的背景图、控件贴图、简单动画等场合。
dsGUI并不直接支持BMP、JPG等存储文件，需要用户自行将文件转化为dsGUI规定的影象数据。鼎尚信息可以为用户提供免费的BMP、JPG文件的解码咨询服务。
影象中相素点存放按从上到下逐行存放，每行从左到右的的次序，每个相素点占用三个字节，每别是R、G、B各一个字节。
3.3字库（Font）
文字的显示需要字库的支持，鼎尚信息设计了12个字库供用户使用，分别是英文12号、16号、24号、24号粗、32号、32号粗，中文12号、16号、24号、24号粗、32号、32号粗。其中英文16号字库，在dsGUI中缺省提供，其它字库以文件的形式提供，用户可以将自己需要的字库通过dsGUI的API接口导入后使用。字库文件导入后会得到该字库在dsGUI中的操作句柄，方便你在其它地方使用该字体。
鼎尚信息会在后续版本中，会提供更多的实用字库文件。
3.4字符串（String）
在图形界面中，字符串的显示是必不可少的。在图形界面中显示一个字符串时，需要确定该字符串显示的字体、颜色和内容。
3.5控件（Controls）
控件是可以用来采集用户输入或输出显示信息的基本窗体单元，每种控件都有明确的使用方法和应用范围。使用控件，用户可以很方便的实现指定的应用需求。dsGUI用户图形界面支持编辑框、文本框、按钮、单选框、复选框、列表框、下拉框、滑动条、进度条、消息框等应用控件。
3.5页面（Page）
页面是用户图形界面的基本管理单元，是其它显示要素（如影象、字符串、控件）的容器。页面的大小是固定的，在dsGUI初始化时设定。页面尺寸与实际屏幕尺寸无关，将页面投射到屏幕的过程，需要用户自己完成。这样的考虑是为了避免dsGUI与具体硬件发生关联，增加应用的灵活性。
图形界面可以同时存在多个页面，页面按从下到上的次序叠放，最上层的页面（Top Page）为当前页面，GUI的所有操作均在当前页面上进行，非当前页面处于不活动状态。将当前页
面删除后，其下层页面自动升级为当前页面，恢复用户操作的响应。
每个页面都需要占用一定的页面缓存（动态内存），所以在设计图形界面时，要尽可能减少同时存在的页面数量。在创建一个新页面时，如果不需要保存当前页面的状态，则建议将当前页面删除后，再创建新的页面。反之，如果新页面与当前页面有明确的父与子的关系，需要保存当前页面的状态，则不能删除当前页面。
最多可以有8个页面同时存在。
3.5输入设备（InputDevice）
输入设备是采集用户输入的必备的设备，输入设备包括触摸屏、鼠标、摇杆等定位设备和以字符输入为主要目的的键盘设备。dsGUI用户图形界面目前只支持定位设备，暂不支持键盘设备。dsGUI并不限定用户采用怎样的定位设备，只要每10ms采集一下定位设备当前是否点击及点击的位置，并将上述信息通过API接口通知dsGUI即可。
dsGUI图形用户界面提供了接收输入设备信息的API，本身并不直接实现输入设备具体功能，需要用户自己完成输入采集后通知dsGUI，这样的机制可以保证dsGUI可以使用在各种不同的输入设备。
3.6动态内存（DynamicMemory）
dsGUI用户图形界面在创建页面、引导字库时，均需要占用动态内存。动态内存由dsGUI
内部管理，用户只需在初始化给dsGUI指定一个内存块即可。
页面、字库消耗的动态内存如下：
dsGUI有专门的动态内存监测函数，可以实时查看在使用过程中最多使用了多少内存。通过监测，可以了解最大的动态内存使用量，然后用户可以适当调整内存空间，避免浪费。
4 系统接口
在自己的系统中使用dsGUI用户图形界面，需要熟悉初始化、动态内存监测、字库引导、定位设备支持、LCD局部重画等应用接口。
4.1初始化
描述
用户在使用dsGUI图形用户界面时，需要先对dsGUI进行初始化。在初始化时，需指定页面尺寸和动态内存。
原型
void WM_Init(int xSize, int ySize,unsigned long memoryAddr,unsigned long memorySize);
返回值：无
备注
dsGUI的动态内存由自己管理，并不使用系统的动态内存，需要用户事先分配。这样，dsGUI在运行时并不依赖系统的动态内存，也不会对系统内存造成影响，运行更安全。用户可以使用WM_MemUsedMax()接口函数实时监测内存的最大使用量，及时调整动态内存空间大小，避免内存空间的不必要浪费。
在对dsGUI初始化之前，应确保显示设备硬件已完成了初始化。
4.2动态内存监视
描述
用户在使用dsGUI的过程中，对dsGUI内部的动态内存使用情况进行监测，得出动态内存的最大使用量，及时调整动态内存空间大小，避免内存空间的不必要浪费。
原型
unsigned long WM_MemUsedMax(void);
参数：无
返回值：动态内存的最大使用量（单位：字节）
备注
用统计的方法给出动态内存的最大使用量，为用户指定一个合适的动态内存空间提供指导。
4.3查询版本号
描述
查询dsGUI图形用户界面的版本号
原型
const char * WM_GetVerString(void);
参数：无
返回值：以字符串形式描述的版本号
备注
无
4.4引导字库
描述
将需要的字库导入系统
原型
int WM_FontLoad(unsigned short fontSize,const unsigned char * fontData);
返回值：该字库文件的句柄
备注
dsGUI支持英文、中文两种字库。目前支持英文12号、16号、16号粗、24号、24号粗字体，中文12号、16号、24号、24号粗、32号、32号粗字体。
4.5指针输入设备
描述
系统需要每10ms调用一下本函数，将指针输入设备的当前信息通知dsGUI。
原型
void WM_HidState(int x,int y,int state);
返回值：无
备注
指针设备通常指触摸屏、鼠标等设备。对于鼠标，不管是否按下，都要及时通知dsGUI 当前的位置。对于触摸屏，没有按下时则不可能得到当前位置，坐标输入只需填（0，0）即可。不管是何种指针设备，必须每10ms调用一下本函数，报告设备当前位置信息。
4.6显示设备重画
描述
对显示设备的局部区域进行重画。dsGUI在需要对显示设备进行重画时调用本函数，函数由用户实现。用户在实现本函数时需要调用显示设备的驱动函数完成重画。
原型
void WM_Paint（unsigned char * pageBaseAddr, int x, int y, int xSize, int ySize）;
返回值：无
备注
该函数由dsGUI调用，由用户实现。这样的设计可以保证dsGUI不依赖于真实的物理显示设备。
5 页面操作
页面是dsGUI图形用户界面的基本管理单元，用户在创建页面后，可以对页面进行必要的修饰、增加控件，最后激活页面，该页面就可以显示了。当页面上有输入操作时，会通过回调函数通知用户进行必要的处理。
5.1创建页面
描述
创建一个新的页面
原型
int WM_PageNew(WM_COLOR bkColor, WM_IMAGE * bkImage, WM_PAGE_CTL_CB pageCtlCb);
返回值：1：创建成功其它：创建失败（为实际错误原因）
备注
页面上控件有事件发生时，会调用控件事件回调函数，用户需要在回调函数中编写代码来处理来自页面上控件的事件。
5.2页面控件事件回调
描述
本回调函数由用户编写，在创建页面时安装到页面上，用户接收和处理页面上各控件发生的各种事件。
原型
typedef void (* WM_PAGE_CTL_CB)(int ctlHandle, int msgType);
返回值：无
备注
回调函数返回的消息类型与控件类型紧密相关，在讲述各个具体控件时，会详细说明每个控件对应的消息类型。
5.3页面空白区域回调
描述
对于页面上的空白区域，也称为非控件区域，用户也可以安装回调，用来采集空白区域的指针输入设备消息。这个函数，对于用户实现dsGUI目前的控件不能完成的功能时，将非常有用。
原型
int WM_SpaceCbAdd(WM_PAGE_SPACE_CB spaceCb);
返回值：1：成功其它：失败（具体错误原因）
备注
用户可以使用本功能来完成dsGUI目前不能完成的一些功能，但一般情况下并不建议使用，用户也无需安装空白区域事件回调。
5.4激活页面
描述
页面被激活以后才能在显示在屏幕上。
原型
void WM_PageActive(void);
参数：无
返回值：无
备注
无
5.5删除页面
描述
删除当前页面，该页面的下一层页面主动成为当前页面，呈现在屏幕上。
原型
void WM_PageDel(void);
参数：无
返回值：无
备注
无
实验一图形用户界面设计 一实验目的和要求 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（网格布局管理器）：规则的矩阵
实习报告 课程名称多媒体实验 实习题目图形图像用户界面设计专业通信工程 班级通信（2）班 学号 学生姓名 实习成绩 指导教师吴娱 2011年5月
图形图像用户界面设计 一、实验目的 了解句柄图形的基本概念，掌握图形用户界面的基本设计方法。 二、实验要求 上机完成实验题目，独立完成实验报告。 三、实验内容 设计简单的图像用户界面。 四、实验步骤 1、在MATLAB的命令窗口（Command Window）中运行guide命令： 打开GUIDE界面，如下： 然后，选择空模板（Blank GUI），点击OK，即可打开GUIDE的设计界面，如下：
如下： 单下添加菜单项：“打开”、“保存”、“退出”。如下：
文件，所有的程序都是要写在这个M文件里面的。 在编程中，每一个鼠标动作都对应一个Callback函数。那么菜单项也是如此。 在界面上，单击鼠标右键选择“Property Inspector”，即可打 开属性窗口。当点击不同的控件时，其对应的属性都会在这里显示， 根据需要可以进行修改。最主要的属性莫过于Tag属性和String属 性。 设置当前的Figure窗口的Tag属性为：figure_pjimage，窗口的标
题（Name属性）为：图像处理实例。如下： 然后，点击工具栏的保存按钮。之后，点击工具栏的运行按钮（Run）。程序运行时的样子，是这样的： 文件下面的菜单项和快捷键我们都能看见，但是我们没有写程序，所以就算点也没有什么响应。还有如果不想设置快捷键，可以在Menu Editor中设置，只要把其选择为Ctrl+none就行了。这样的话，
MFC用户界面设计 (2007-07-03 14:08:02) 转载 MFC用户界面设计一 （创建一个MFC工程的框架） 打开VC++6.0选择New，出现如下界面： 然后选中MFC AppWizard[exe] ，即我们将创建一个MFC的可执行文件，然后在Project Name下面的框中写入这个工程的名字，注意： 工程的名字不要是中文的，且不要太过于长（到底多长是长我也不知道），最好使用英语的单词来定义你所要实现的工程项目的名字。 Location你可以自定义你的创建的这个工程的存放地方。个人建议不要存放在C盘。以防病毒感染之后C盘打不开，你的工作就全没有了。并且最好建一个专用的C++工程的存放文件夹。不推荐使用中文文件夹和存储路路径较长的文件
夹。如：D:\xx\xxx\xxx\xxx\xxx\xxx\xxxx\xxxxxxx\xxx(这样至少自己找的时候都要烦死了)。 Platform只有选择Win32了。在完成了这些之后就可以点击OK了。已开始创建的6小步中的第一步。如下图所示。 可以看见。上面的标题栏显示的是 MFC AppWizard Step 1,这一步是规划一个MFC程序框架的最重要的一部，我们可以选择 1：Single Document（单文档）即创建的程序能在某个时间内装入和编辑一个文档，使用了所有四个基类（C WinApp CFrameWnd CDocument Cview，至于四个基类都是什么作用参考第二章中所述）。典型的对话框应用程序包括配置硬件设备的应用程序、屏幕保护程序和游戏程序等。 2：Multiple Documents （多文档）一次可以装载和编辑多个文档，并且不但使用了所有四个基类，还使用了CFrameWnd的两个派生类，即CMDIFrameWnd和CMDIChildWnd。
用户界面设计报告封面： 目录： 引言 (1) 01文档介绍 (1) 02项目背景 (1) 03读者对象 (1) 04参考文献 (2) 05术语与缩写解释 (2) 06界面设计规范 (2) 07界面关系和工作流程图 (2) 08主界面 (3) 09子界面 (4) 10美学设计 (5) 11网页配色基本概念 (5) 12网页设计理念 (5)
引言： 电子商务网站是人类商业发展一种全新模式。而要令这种全新模式真正化去实行和运作，则需要进行软件化的设计制作。对于此类电子商务网站来说，用户界面设计尤其重要。故针对用户界面得设计中，此设计报告能真正的方便于其电子商务网站的界面开发。 01文档介绍：该文档为MP4电子商务网站用户界面设计报告说明文档。 02文档目的： 此文档的编写目的是为了让界面设计人员能通过该文档以明确的界面设计规划来实现项目此方面的要求，方便使客户、电子商务网站 总软件设计人员、软件开发人员和整合测试人员了解设计方案的具体 界面分配，方便其他功能的制作。同时也为界面设计的制作工作提供 了直接文档说明。 03项目背景： 针对商务网站界面设计需求，以及方便日后买家的审美需要。随着市面上各风格网站的诞生，根据本公司做的电子网站资料需求用到 的界面所在，有必要地对此界面的诞生。 04参考文献： 【A】李梅、钟阳晶、李冬睿、李振军、杨颖、廖福保 共同编著《WEB程序设计》，广东农工商职业学
院出版，2010-6 【B】李德奇，《Windows程序设计案件教材（C#）》， 大连理工大学出版社，2008-1 【C】 郝安林SQL Server 2005 基础教程与实验指导 清华大学出版社2008.11 05术语与缩写解释： 06界面设计规范： 本界面制作应遵循互联网电子商务网站使用标准，界面设计制作合法化、理性化，既符合大众的市场所需也做到不侵权不盗版的 原则要求。 07界面关系和工作流程图： 经客户要求及小组讨论，本接口学习网站各个界面关系图如下：
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函数完成，具体用法请查阅帮助信息）
UI设计(流程/界面)规范 一：UI设计基本概念与流程 1.1 目的 规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。 1.2范围 l 界面设计 l 此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。 1.3 概述 UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。 1.4 基本介绍 A、需求阶段 软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人
用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。 除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。B、分析设计阶段 通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。 C、调研验证阶段 几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。 测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。 调研阶段需要从以下几个问题出发： 用户对各套方案的第一印象 用户对各套方案的综合印象 用户对各套方案的单独评价 选出最喜欢的 选出其次喜欢的 对各方案的色彩，文字，图形等分别打分。 结论出来以后请所有用户说出最受欢迎方案的优缺点。 所有这些都需要用图形表达出来，直观科学。
人机交互基础教程 实验报告 实验题目：图形用户界面的设计 专业计算机科学与技术 学生姓名 班级学号 教师 指导单位计算机软件学院 日期
教师 评语教师签名： 年月日 成绩评定 备注
一、实验目的 (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) 颜色的使用：颜色是一种有效的强化手段，同时具有美学价
实验 5 建立图形用户界面 一、实验目的 了解图形用户界面基本组件窗口、按钮、文本框、选择框、滚动条等的使用方法，了解如何使用布局管理器对组件进行管理，以及如何使用Java 的事件处理机制。 二、实验要求 1. 掌握在Applet 容器中添加组件的方法，掌握使用布局管理器对组件进行管理的方法。 2. 理解Java 的事件处理机制，掌握为不同组件编写事件处理程序的方法。 3. 掌握编写独立运行的窗口界面的方法。 4. 了解Java Swing 组件的使用方法。 5. 了解对话框的使用方法。 三、实验内容 前面的在于体会，重点完成（六）的编程题。 （一）创建图形用户界面 图形用户界面（Graphic User Interface ，简称GUI）是为方便用户使用设计的窗口界面，在图形用户界面中用户可以看到什么就操作什么，取代了在字符方式下知道是什么后才能操作什么的方式。组件（Component）是构成GUI 的基本要素，通过对不同事件的响应来完成和用户的交互或组件之间的交互。组件一般作为一个对象放置在容器（Container）内，容器是能容纳和排列组件的对象，如Applet、Panel（面板）、Frame（窗口）等。通过容器的add 方法把组件加入到容器中。 1.在Applet 中添加标签、按钮并使用网格布局 ?程序功能：在Applet 容器中添加组件标签、按钮，并使用网格布局管理器排列组件在容器中的位置。 ?编写KY7_1.java 程序文件，源代码如下。 import java.awt.*; import java.applet.Applet; public class KY6_1 extends Applet { Label l1; Button b1, b2, b3, b4, b5, b6; public void init() { setLayout(new GridLayout(3,3)); // 设置网格布局（3 行3 列共9 个网格）
详细设计方案界面设计说明 2016.09
界面设计方案 总述 基本设计思路是所有的查询操作只通过一个文本框进行输入，如果不进行精确类别选择，将提供指定城市内的全局数据的模糊查询。 界面总览 展示的地图为右上城市列表中所选的城市的地图的全市总览。登入时默认城市为上海。 城市列表效果说明 城市列表应该按省份分开显示。 效果示意如下：
内部同时提供搜索框，帮助迅速定位城市。 效果示意如下： 定位完城市后，城市列表则收起。 效果示意如下： 查询框效果说明 查询框分为搜索输入框、类别选择菜单栏、输入提示框、结果展示框4大部分组成。 搜索输入框 用于接收用户输入的查询关键词。该输入框一直处于显示状态。 效果示意： 标注①所示的为关键字输入框。所有需要搜索的内容在此输入。 该文本框主要为接收用户所输入的查询关键字。 当在查询框输入内容后，该文本框末尾处将出现一个“X”的清除按钮控件，点击该按钮可以快速清除文本框中内容。参见示意图。 在输入内容时候，如果匹配到相关结果，将会在该文本框底部弹出输入提示框。效果示意如下：
如果无匹配结果，则不弹出“输入提示框”。 如果用户在该输入框中输入内容后，可以通过点击“回车键”激活查询（相当于点击“搜索按钮”），结果将显示在“结果展示框”内。 标注②为类别菜单通知栏。 该通知栏用于提示用户当前进行的搜索类别为何种类别。同时当用户进行搜索的时候，所要进行的搜索方式也据此决定。 此处的图标由用户在“类别选择菜单”中所点选的决定。用户在“类别选择菜单”中点选菜单后，其对应的图标也会显示在此。 标注③为搜索按钮。 点击该按钮后，如果“关键字输入框”内有输入的内容，则将激活查询，否则将不会做任何动作。 类别选择菜单栏 用于给用户选择所要进行的查询方式。本菜单栏默认为隐藏。 （建议菜单通过数据接口获得） 效果示意：
实验9 图形用户界面程序设计 实验目的： 1、通过编写程序掌握按钮、标签、文本框、菜单的使用方法 2、掌握ActionEvent、ItemEvent事件类接口监听器的产生，添加方法 3、掌握复选框、的创建与常用的使用方法 4、掌握以上各控件的事件响应过程及相应的处理方法 实验内容：（使用Jbuilder2005编写Application） 一、新建主类及主窗体 1.新建工程：【file】-【new project】，输入工程名Tes9； 2.新建Application：【file】-【new General】-Application，输入工程名主类名（class name 如图琐事），点击【next】，输入主窗体名：TestFrame，和标题栏文字“实验9主窗体”；
3.在打开的主窗体中点击【UI】视图，添加一个Swing控件：“File JMenuBar”如图所 示； 4.点击主窗体中【Menu】视图，添加菜单后，运行界面如下图所示：
二、新建“设置标签颜色”窗体 1.新建窗体：【new】-【Greneral-Frame】，在代码视图中，找到jbInit()方法设置窗体大 小及标题，语句如下：this.setSize(360,140); this.setTitle("设置标签颜色"); 2.在窗体中加入两个按钮名分别为“红色”，“蓝色”，还有一标签，其中显示的内容为 “hello,world”,要求按“红色”按钮时标签中的文字变为红色，按“蓝色”按钮时标签中文字显示蓝色，程序界面如下图所示： 提示： 使用jLabel1.setForeground(Color.RED);来改变标签的字体颜色。 3.在主窗体中的代码视图中定义成员变量Frame1 f； 4.然后进入主窗体的设计视图，对主菜单编程，双击鼠标（如图所示），
实验九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); } } 结果：
实验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',...
6.831 用户界面设计与实现 2004年秋季 GR0: 项目计划 本课程的核心是一个学期长的项目，其中，你将设计、实现并评估一个用户界面。用户界面设计是一个迭代过程，因此，你不能一次就建立好自己的UI，而要经过三次，逐步达到更高的精度，实现更完整的原型。为了有充足的时间实现这些迭代，我们需要尽早地开始该项目。 项目小组可以包括2到3个人。你们有很大的自由选择自己的主题。下面的一些指导原则会帮助你们选择一个好的主题。 ?项目必须有大量的用户界面。只是单纯播放MP3文件的程序是不够的；而允许用户浏览并组织MP3文件集合的播放器会更好。 ?用户界面必须是交互的。不允许开发一个只有静态web页面组成的web站点；而具有产品查询和购物车功能的电子商务网站更好。 ?首选有创意、原始的项目。已经有数不清的MP3播放器和电子商务购物车了。如果你的项目属于这样的热点领域，那么你应该选择一个该领域中使用现有方案尚不能很好解决的问 题。 你的项目可以与你课外的研究领域相关。如果在你们的研究小组中你或者其他人的系统需要一个良好的用户界面，那也可以作为该学期的项目。校园周围的其他组织或者活动需要特定的软件需求，你也才可以从中获得灵感，找到好的项目：宿舍或生活群体、体育队、活动小组、班级等。 大部分项目可能是桌面或者web应用程序，但是你可以建议使用其他类型的UI，只要适合于你希望解决的问题：例如，语言、手势、掌上电脑、或者普适计算。但至少必须能够在桌面上模拟你的项目，因为原型之一就是这样的一种模拟。不要过分地要求自己；例如，如果你们小组成员都没有掌上电脑的编程经验，那么要开发有这种需求的项目时应该深思熟虑。教学人员可以给你们选择的UI提供一些帮助，但我们也不是全能的。 这里有一些项目的例子，可能会激发你们的想象力： ?可定制的远程控制器。允许用户使用该界面创建和使用定制的远程控制面板遥控嵌入式设备，如电灯、A/V设备、家用电器。
实验二基于图形用户界面程序设计（上）实验目的 1．了解图形用户界面程序设计方法。 2．掌握继承的概念和继承的使用。 3．掌握访问权限的种类以及使用方法。 4．学会使用控件。 实验指导 任务一： 内容： 表 表 并定义该类的构造函数，写一段代码来测试你所写的类。 提交： 代码： ; { ; ; ; ;
{ ("我的无参数构造函数"); } () { ""; (); } () { ; (); } () { ; (); } () { "男"; (); } ( []) { (); (); (); (); (); } } 运行结果： :\\> 我的无参数构造函数 男 存在的问题和解决办法：
任务二： 内容： 表 并定义该类的构造函数，写一段代码来测试你所写的类。提交： 代码： ; { ; ; ; ; () { ("我的无参数构造函数"); } () { ""; (); } () { ; (); } () { ; ();
() { "男"; (); } ( []) { (); (); (); (); (); (); } } { ; () { ("我(子类)的无参数构造函数"); } () { ""; (); } } 运行结果： :\\> 我的无参数构造函数 我(子类)的无参数构造函数 男 存在的问题和解决办法：
任务三： 编写以下代码观察其运行结果，并解释每行代码： 提交： 包含解释的代码： 运行结果：
存在的问题和解决办法： 任务四： 用生成一个图像界面，在上添加两个组件，观察运行结果。提交： 代码： .*; { ; ; () { (""); (""); (""); ()(); ()(); (); (); } ( []) { (); } }
界面设计方案
目录 一、概述 (3) 二、用户界面设计原则 (3) 三、关于软件界面设计 (5) 1．用户导向（User oriented）原则 (5) 2．KISS（Keep It Simple And Stupid）原则 (6) 3．布局控制 (6) 4．视觉平衡 (7) 5．色彩的搭配和文字的可阅读性 (8) 6．和谐与一致性 (9) 7．个性化 (9) 四、关于网页界面设计 (10) 五、交互设计 (11) 六、图标 (11) 七、界面设计需求分析 (11) 八、界面参考 (12) 福隆界面设计 (12) 其他界面欣赏 (15) 1.WebQQ (15) 2. 一个虚拟展会软件的中国官网设计 (16) 3.香港置地集团 (20) 4、图标 (23) 5.景观园林 (28) 6.一组精美的外国网页 (30) 7、匈牙利M1LLAH网页界面欣赏 (38) 8、Web design 页面设计收集 (42) 9. 色彩与质感并重的国外网页设计欣赏 (47) 10、漂亮简洁的布局 (56)
一、概述 界面设计是人与机器之间传递和交换信息的媒介，包括硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。 UI即 User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。 二、用户界面设计原则 1.简易性 界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。 2.用户语言 界面中要使用能反应用户本身的语言，而不是游戏设计者的语言。 3.记忆负担最小化 人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限，24小时内存在25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。
第8章Swing图形用户界面程序设计 8.0：GUI概述 Java语言提供两种图形用户界面，即AWT（早期版本）和Swing（增强了功能、减少了平台相关性）。 一方面：Swing图形用户界面比AWT图形用户界面可以克服更多的操作系统不同所带来的图形界面或交互方式上的差别； 另一方面：Swing图形用户界面还增加了功能，可以定制指定的操作系统风格的图形用户界面。 8.1：组件和容器 组件和容器是Swing图形用户界面的组成部分。在Swing图形用户界面程序设计中，要求按照一定的布局方式将组件和容器的组合添加到给定的容器中。这样，通过组件和容器的组合就形成图形用户界面。然后通过事件处理的方式实现在图形界面上的人机交互。 8.1.1 整体介绍 容器本身也是组件。 按组件和容器的用途来分：顶层容器、一般容器、专用容器、基本控件、不可编辑信息组件和可编辑组件。 1：顶层容器主要有三种：小应用程序（Applet和JApplet）、对话框（Dialog 和JDialog）和框架（Frame和JFrame）。 这三种容器在AWT图形用户界面中对应的类分别是java.applet.Applet、java.awt.Dialog和java.awt.Frame；在Swing图形用户界面中对应的类分别是javax.swing.JApplet、javax.swing.JDialog和javax.swing.JFrame，这些名称均以“J”开头。 小应用程序主要用来设计嵌入在网页中运行的程序；对话框通常用来设计具有依赖关系的窗口；框架主要用来设计应用程序的图形界面。 2：一般容器包括面板（Jpanel）、滚动窗格（JScrollPane）、分裂窗格（JSplitPane）、选项卡窗格（JTabbedPane）和工具条（JtoolBar）。 面板通常是只有背景色的普通容器；滚动窗格具有滚动条；分裂窗格是用来装两个组件的容器；选项卡窗格允许多个组件共享相同的界面空间；工具条通常将多个组件（通常是带图标的按钮组件）排成一列或一排。 3：专用容器包括内部框架（JInternalFrame）、分层窗格（JLayeredPane）和根窗格（JRootPane）。 内部框架可以在一个窗口内显示若干个类似于框架的窗口；分层窗格给窗格增加了深度的概念，当两个或多个窗格重叠在一起时，可以根据窗格的深度来决定显示哪一个窗格的内容，一般显示深度值较大的窗格。根窗格一般是自动创建的容器，创建内部框架或者任意一种顶层容器都会自动创建根窗格。 根窗格由玻璃窗格、分层窗格、内容窗格和菜单窗格构成。玻璃窗格是不可见的，只是用来解释各种输入事件；分层窗格为内容窗格和菜单窗格服务，主要
《用户界面设计》大作业 设计一款手机app或桌面app的用户界面，撰写“用户界面设计说明书”。 具体要求如下： 通用规则 1. 撰写认真: 文档应具有统一性（所有内容都指向同一个清晰的主题）、一致性（所有内容的组织清晰合理，符合逻辑）和支持性（有具体的细节或案例）。没有各种文字错误。 2. 正确的格式化: 使用标题、列表、留白等机制，让文档适宜阅读。 关于用户界面设计说明书 是否/如何回答了以下问题 项目是什么 项目的来源或背景 项目的技术细节，比如开发平台、运行平台等 是否符合专业文档撰写规范 是否包括了以下内容： 界面设计原则 app工作流程图 界面设计规范（design specification）：至少包括颜色设计、字体设计、图像设计、 布局设计等方案，需包含主要界面的详细设计图。 避免抄袭现象：如果发现抄袭或雷同，成绩不及格。 一、实验目的 (1)熟悉图形用户界面的设计原则
(2)利用一种设计工具完成图形化的用户界面设计 二、预备知识 图形用户界面又称为WIMP界面，由窗口(windows)、图标(icons)、菜单(menu)、指点设备(pointing device)四位一体，形成桌面(desktop) ，如图所示。 图形用户界面是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除了基于可重叠多窗口管理技术外，广泛采用的另一核心技术是事件驱动(event-driven)技术。 WIMP界面可看作是第二代人机界面，是基于图形方式的人机界面。在WIMP界面中，人被称为用户，人机通过对话进行工作。用户只能使用手这一种交互通道输入信息，通过视觉通道获取信息。在WIMP界面中，界面的输出可以为静态或动态的二维图形或图像等信息。 这种方式能同时输出不同种类的信息，用户也可以在几个工作环境中切换而不丢失几个工作之间的联系，通过菜单可以执行控制型和