命令行和文本菜单界面设计的原则和要点

项目主窗体的设计——菜单栏与状态栏设计

1、菜单栏的设计

通过左侧工具箱，选择菜单和工具栏，拖动MenuStrip到窗口顶部

在控件中键入需要添加的菜单内容，在内容后面加上(&+快捷键)可以使按钮具有快捷键效果

选中菜单项，右键设置图像，可为选项添加图像

通过右键插入Separate可以插入分割线：

对于菜单栏的对象命名规则如下：tsmi_+变量名

2、状态栏设计

拖动状态栏控件StatusScript到窗体

可根据需要向状态栏添加对象

多视窗技术

在Windows环境中，计算机屏幕显示为一个工作台，用户的主工作区域就是桌面。工作台将你的工作显示在称为"窗口"的矩形区域内，你可以在窗口中对应用程序和文档进行操作。所谓多窗口就是同时能在同一屏幕上打开多个窗口，也称多视窗技术，以下列出多视窗的几点优越性：

1、友好的操作环境：窗口系统可以提供友好的、菜单驱动的、具有图形功能的用户界面。每个窗口都由标题、菜单、控制按钮、滚动条、边框等元素组成。用户可以方便地使用鼠标打开和关闭窗口，通过操作窗口组成部件来实现窗口的移动、尺寸改变和多窗口的布局。用户通过窗口实施各种上机操作，进行人机交互。由于所有窗口具有统一的风格和相似的操作方式，用户只要领会一种系统的窗口操作要领，便可触类旁通。

2、一屏多用：一个多窗口的屏幕，从功能上说，相当于多个独立的屏幕，所以能有效地增加屏幕在同一时间所显示的信息容量。

3、任务切换：窗口系统是用户可以同时运行多道程序的一个集成化环境。模拟人们日常工作中同时干几件事的情景，用户可以同时打开几个窗口以运行多个应用程序，并可实现在它们之间的快速转换。但是在同一时间只能有一个窗口是活动窗口，允许接受用户输入的数据或命令，其他窗口都是非活动窗口。活动窗口的醒目标志则是清晰的窗口标题栏及其任务名，而且它会摆放在其他窗口的最上面而不会被遮挡。

4、资源共享与信息共享：操作系统的资源是CPU、存储器、I/O设备等，窗口系统的资源还包括窗口、事件等，这些资源为各应用程序所共享。

软件菜单的设计。菜单设计一般有选中状态和未选中状态，左边应为名称，右边应为快捷键，如果有下级菜单应该有下级箭头符号，不同功能区间应该用线条分割。

图案界面设计

软件启动封面的设计。应使软件启动封面最终为高清晰度的图像，如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式，并且对选用的色彩不宜超过 256 色，最好为 216 色安全色。软件启动封面大小多为主流显示器分辨率的 1/6 大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的，象征性强的，识别性高的，视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。

软件面板的设计。软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。

软件框架的设计。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。

软件按钮的设计。按钮应该具有交互性，即应该有 3 到 6 种状态效果：点击时状态；鼠标放在上面但未点击的状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态；不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。

软件图标的设计。图标设计色彩不宜超过 64 色，大小为 16x16、32x32 两种，图标设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。

滚动条及状态栏设计。滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计，应该有上下箭头，滚动标等，有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。

软件界面设计要注意的关键问题就是以上这些。把握好这些关键点，也就能设计出好的软件界面了。

Visual Studio版本：Enterprise 2015

1、本节要点

本节课要讲的是菜单控件的使用，工具箱中有两种菜单MenuStrip和ContextMenuStrip，分别用于工具栏菜单和右键菜单。

2、MenuStrip菜单

首先是MenuStrip，这个从工具栏中拖过来默认就会紧贴最上面。

它可以有多级菜单，一级菜单像上图中的文件，编辑和编辑右边可以继续添加的的“请在此处键入”。二级菜单：编辑下面的编辑1和编辑1下面的继续新增。三级菜单：编辑1右侧的编辑1-1和它下面的继续新增。

双击菜单，可以自动添加菜单点击事件，右键属性中可以更改Name名称。我们来给菜单 “编辑1-1”添加事件

这里出现了事件名称含有中文，这个是没有关系的哈，更改的话，是更改属性中的Name即可。

我们来看一下运行结果：

3、ContextMenuStrip菜单

第二种就是ContextMenuStrip，同样也是拖过来就行，这个添加方式和MenuStrip是一样的，不同的是，这个添加完成后，页面是没有显示的，假如你发现刚添加好的菜单不见了，不要着急，在下面可以找到。

下面会有，你点击那个就会显示那个。如果你想将这个菜单用于右键显示的话，你要选中当前Form，右键打开属性，找到ContextMenuStrip属性，选择你要分配的菜单就可以了。

看一下运行效果：

需要补充的是，这个右键菜单也可以放在其它控件中，比如Panel、PictureBox等，只要这个控件有ContextMenuStrip属性就可以。