华中农业大学本科毕业论文（或设计）
记事本功能菜单设计：
如图5所示，记事本功能菜单大小要小于记事本主要界面的大小，根据具体条目的数量来调整为合适的大小。菜单上显示可操作的功能选项，并对选定的功能选项高亮显示。界面的最下方左侧为功能按钮，右侧的是返回按钮，菜单中分别标记为“Select”和“Back”。
图 5 功能菜单 Fig. 5 Function menu
记事本消息提示框设计：
如图6所示，消息提示框界面大小为320*160。消息提示框的显示区域显示提示动画和提示的内容。界面的最下方左侧为功能按钮，右侧的是返回按钮，此界面中分别标记为“Yes”和“No”。
图 6 消息提示框 Fig. 6 Messagebox
16
华中农业大学本科毕业论文（或设计）
相邻两个界面之间切换时，若后出现的界面大小小于先出现的界面大小，则第一个界面显示蒙版即表示为禁用状态，如图5和图6。
记事本软键盘界面设计：
如图7所示，软键盘需要对文本编辑区进行输入操作，所以软键盘界面尽量要小一些，以免影响了文本编辑区的使用，但同时也需要保证软键盘上字符的清晰显示，故软键盘界面大小为设定为320*130。按键布局与物理键盘基本一致，按键布局美观，同时键盘的边缘相对宽一些，便于键盘的移动。
图 7 软键盘界面
Fig . 7 Soft keyboard interface
3.1.3 记事本结构设计
文件列表功能选择建立新文件功能选择打开文件读取文件内容功能选择打开列表中文件读取内容软键盘输入文本读取并显示下一个文件内容选择保存修改后文件删除文件 图 8 记事本结构图
Fig. 8 Notepad structural diagram
17
华中农业大学本科毕业论文（或设计）
如图8所示，文件列表界面是记事本的入口和出口。记事本通过调用文件列表功能菜单对文件执行各种操作。在文件列表功能菜单中根据所选择的菜单条目进入相应的功能界面，如新建文件编辑界面、文件显示内容界面或删除文件提示框界面等。各个界面都有自己的功能菜单，通过调用自己的功能菜单对当前界面进行下一步的操作，如当新建文件界面显示时，可通过菜单进行打开文件操作和软键盘输入操作；当打开文件时在文件内容的显示界面上，可通过菜单进行显示下一个文件内容的操作和软键盘编辑修改文件内容的操作，并在文件内容修改后，可通过修改文件提示框选择是否保存修改后的文件内容。
3.2 电子相册架构设计
3.2.1 电子相册设计需求
电子相册支持jpg、png、gif、xpm、和bmp格式图片的浏览，并可以对图片进行放大、缩小或旋转角度显示。电子相册还支持幻灯片模式浏览图片，并可以对图片进行删除等操作。
（1） 显示图片列表功能：在图片文件所在目录读取所有扩展名为jpg、xpm、png、bmp、gif格式的图片文件，并将读取的文件按顺序用相同大小的缩略图的形式显示在图片列表界面上。如果图片数量超过当前屏幕显示范围时，可向下滚动显示。其它格式文件忽略不读。
（2） 图片选中显示功能：在图片列表中选定某个图片时，此图片的缩略图成凸起放大状态，表示选中此图片并将对此图片进行操作。
（3） 删除图片功能：对当前选中的图片可执行删除操作，选择删除后会进行删除确认提示，若选择彻底删除图片则从物理设备上和图片列表上将该图片删除。
（4） 浏览图片功能：对选中的图片可以执行浏览的功能，若图片原本大小超过图片浏览区域（即相框）的大小，则会自动调整变成适应图片浏览区域的最大尺寸。若图片原本大小没有超过图片浏览区域大小，则以原始尺寸在图片浏览区域显示。可对打开的图片进行放大、缩小、向左旋转、向右旋转、全屏模式与返回原始尺寸等一系列的浏览模式操作。
（5） 图片放大功能：在当前图片尺寸大小的基础上，图片可逐级放大，以尺寸的0.5倍递增，最大可放大到打开图片时显示的初始尺寸的3倍。
（6） 图片缩小功能：在当前图片尺寸大小的基础上，图片可逐级缩小。最小可缩小到打开图片时显示的初始尺寸的0.5倍。
（7） 图片旋转功能：打开图片后，可在图片的任意状态下对图片进行旋转操作。可在当前状态下，将图片向左或向右旋转，每次旋转角度差值为90°。图片旋转后会自动适应窗口大小，完整显示图片。
18
华中农业大学本科毕业论文（或设计）
（8） 图片移动功能：图片执行放大功能后，图片可在浏览区域进行移动。 （9） 图片全屏显示功能：可以将图片执行全屏显示。为了支持点击操作，全屏显示时不覆盖相关功能按钮。
（10） 幻灯片模式自动浏览功能：可从当前选定的图片开始执行自动播放图片功能，初始设定播放速度为3秒间隔，可以加速或减速播放。
（11） 给用户提供友好的图形交互界面，并合理安排界面元素布局，使其美观并且方便用户操作。
3.2.2 电子相册界面设计
电子相册列表界面设计：
如图9所示，电子相册图片列表界面大小设定为320*240。界面的上方显示当前选中的图片的名字。中间的显示区域以4*3（即4列3排）格式对图片的缩略图进行排列，被选中的图片被突出放大显示。界面的最下方为两个按钮，左侧的是功能按钮，右侧的是返回按钮，此界面上分别标记为“Option”和“Exit”。
图 9 图片列表界面 Fig. 9 Picture list interface
电子相册功能菜单设计：
如图10所示，功能菜单大小以菜单项的多少具体而定，但一定要小于图片列表界面大小的尺寸。菜单上显示可操作的功能选项，并对选定的功能选项高亮显示。界面的最下方为两个按钮，左侧的是功能按钮，右侧的是返回按钮，此界面上分别标记为“Select”和“Cancel”。
19
华中农业大学本科毕业论文（或设计）
图 10 功能菜单 Fig. 10 Function menu
相邻两个界面之间切换时，若后出现的界面大小小于先出现的界面大小，则第一个界面显示蒙版即表示为禁用状态，如图10。
电子相册浏览界面设计：
电子相册浏览界面上方显示所显示图片的文件名，图片浏览区显示具体要求下的图片状态，如正常显示的图片（图11）、放大的图片（图12）、缩小的图片（图13）或旋转的图片（图14）等。界面的最下方为两个按钮，左侧的是功能按钮，右侧的是返回按钮，此界面上分别标记为“Option”和“Back”。
图 11 正常显示图片浏览界面
Fig. 11 The normal size picture browsing interface
20