应用程序界面设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
两种工具栏控件
ToolBar控件，用于C#.NET 1.0版本中； ToolStrip控件，用于C#.NET 2.0版本中。
6.3.1 ToolStrip控件
表示窗体上的工具栏，它是工具栏按钮的容器。
（1）常用属性
Items属性：工具栏按钮的集合。 ImageList属性：工具按钮上显示的图像列表。
3. 添加分隔线
可以通过输入“-”作为菜单文本，来为菜单
项之间加上分隔线。
4. 编辑菜单项
（1）删除菜单项：可以选中该菜单项，然后按 Del键。
（2）在某一个菜单项前面插入另一个菜单项： 右击菜单项，在快捷菜单中选择【插入】| 【MenuItem】。
6.2.2 wk.baidu.comenuStrip 控件
MenuStrip控件是窗体上菜单的容器。
ToolStripMenuItem控件
ToolStripMenuItem对象表示菜单项。
（1）常用属性：
DropDownItems：子菜单项的集合 Checked属性：指示选中标记是否出现在菜单文本
的左侧。true为显示，false为不显示 CheckOnClick 属性：是否在被单击时自动显示为
两种状态栏控件:
StatusBar控件，用于C#.NET 1.0版本中； StatusStrip控件，用于C#.NET 2.0版本中。
（2）常用事件
ItemClicked事件：单击工具按钮时发生。
ToolStripButton控件
ToolStripButton对象表示工具按钮
（1）常用属性
Checked属性：是否已按下该工具按钮 CheckOnClick ：在单击工具按钮时，工具按钮是否应
自动显示为按下或未按下状态。 CheckState ：工具按钮处于选中、未选中还是不确定
第6章 Windows应用程序界面设计
学习内容与要点
单窗体界面设计 菜单界面设计 工具栏界面设计 状态栏界面设计 MDI界面设计 多窗体界面设计
6.1单窗体界面设计
6.1.1 界面设计原则
（1）界面布局应合理 （2）界面上的元素应一致 （3）文字与用语应简洁 （4）颜色使用应和谐 （5）界面设计应规范
（2）在属性窗口中，选择 Images属性；
（3）单击 “…”按钮，弹出 “图像集合编辑器”对话框。
设置工具按钮的图像
void Form1_Load(object sender, EventArgs e){
//把ImageList控件赋值给工具栏的ImageList属性
toolStrip1.ImageList = imageList1;
当用户在控件或窗体本身上单击鼠标右键时，通 常会显示快捷菜单。
许多可视控件（以及 Form 本身）都有一个 Control.ContextMenuStrip 属性，该属性将 ContextMenuStrip 类绑定到显示快捷菜单的控 件。多个控件可使用一个 ContextMenuStrip。
6.3 工具栏界面设计
1. MenuStrip控件 （1）常用属性：
Items属性：所有菜单项的集合。 ShowItemToolTips 属性：指示是否显示工具
提示。 Anchor 属性：获取或设置MenuStrip要锚定
到的容器的边缘 ，取值于AnchorStyles枚举。 值主要包括：Bottom,Top,Left,Right, None.
（2）ToolStrip控件的常用事件
Clicked事件：单击工具按钮时发生。
CheckedChanged事件：Checked属性 发生变化时发生。
6.3.2 ImageList控件
是一个相同尺寸和颜色深度的图像集合 为ImageList控件添加图像的步骤：
（1）在窗体上，添加 一个ImageList控件；
选中或者未选中状态。 DisplayStyle 属性：是否在控件上显示文本和图像。 Image属性：显示在控件上的图像。
Selected 属性：是否处于选定状态。 Text属性：显示在菜单项上的文本。 TextAlign 属性：菜单项上的文本的对齐方式。
取值于ContentAlignment 枚举。 ToolTipText 属性：菜单项的工具提示内容。
//给各个工具栏按钮的ImageIndex属性赋值 //为ImageList中的图像的索引
toolStripButton1.ImageIndex = 0; toolStripButton2.ImageIndex = 1; toolStripButton3.ImageIndex = 2; }
6.4 状态栏界面设计
6.1.2 单窗体界面设计
设计的基本步骤是：
建立窗体； 为窗体添加控件； 设置属性； 添加事件，并编写事件响应过程。
6.2 菜单界面设计
有两种菜单控件用于菜单界面设计：
MainMenu控件，用于C#.NET 1.0中； MenuStrip控件，用于C#.NET 2.0中。
6.2.1 菜单编辑器
（2）常用事件
Click事件：单击菜单项时发生。 CheckedChanged事件：Checked属性值更改时
发生
VisibleChanged事件：Visible属性值更改时发生。
6.2.3 ContextMenuStrip
快捷菜单（也称为上下文菜单） 在用户单击鼠标右键时会出现在鼠标位置。
状态。 DisplayStyle ：是否在工具按钮上显示文本和图像 Image属性：显示在工具按钮上的图像。
Selected 属性：指示该项是否处于选定状 态。
Text属性：要显示在工具按钮上的文本。
TextAlign 属性：工具按钮上的文本的对 齐方式。
ToolTipText 属性：工具按钮上的工具提 示内容。
把MenuStrip控件（MainMenu控件）从工具箱 的“菜单和工具栏”选项卡中拖动到窗体上， 就会出现菜单编辑器。
1. 添加菜单项
在菜单编辑器内，单击“请在此处输入”文 本框，并输入在菜单中显示的文本
2. 添加快捷键
（1）在菜单文本中输入“&” 符号，为菜单项添加Alt访问键。 例如，主菜单项“File（&F）” （2）为菜单项添加快捷键。 设置菜单项的ShortcutKeys属性。
ToolBar控件，用于C#.NET 1.0版本中； ToolStrip控件，用于C#.NET 2.0版本中。
6.3.1 ToolStrip控件
表示窗体上的工具栏，它是工具栏按钮的容器。
（1）常用属性
Items属性：工具栏按钮的集合。 ImageList属性：工具按钮上显示的图像列表。
3. 添加分隔线
可以通过输入“-”作为菜单文本，来为菜单
项之间加上分隔线。
4. 编辑菜单项
（1）删除菜单项：可以选中该菜单项，然后按 Del键。
（2）在某一个菜单项前面插入另一个菜单项： 右击菜单项，在快捷菜单中选择【插入】| 【MenuItem】。
6.2.2 wk.baidu.comenuStrip 控件
MenuStrip控件是窗体上菜单的容器。
ToolStripMenuItem控件
ToolStripMenuItem对象表示菜单项。
（1）常用属性：
DropDownItems：子菜单项的集合 Checked属性：指示选中标记是否出现在菜单文本
的左侧。true为显示，false为不显示 CheckOnClick 属性：是否在被单击时自动显示为
两种状态栏控件:
StatusBar控件，用于C#.NET 1.0版本中； StatusStrip控件，用于C#.NET 2.0版本中。
（2）常用事件
ItemClicked事件：单击工具按钮时发生。
ToolStripButton控件
ToolStripButton对象表示工具按钮
（1）常用属性
Checked属性：是否已按下该工具按钮 CheckOnClick ：在单击工具按钮时，工具按钮是否应
自动显示为按下或未按下状态。 CheckState ：工具按钮处于选中、未选中还是不确定
第6章 Windows应用程序界面设计
学习内容与要点
单窗体界面设计 菜单界面设计 工具栏界面设计 状态栏界面设计 MDI界面设计 多窗体界面设计
6.1单窗体界面设计
6.1.1 界面设计原则
（1）界面布局应合理 （2）界面上的元素应一致 （3）文字与用语应简洁 （4）颜色使用应和谐 （5）界面设计应规范
（2）在属性窗口中，选择 Images属性；
（3）单击 “…”按钮，弹出 “图像集合编辑器”对话框。
设置工具按钮的图像
void Form1_Load(object sender, EventArgs e){
//把ImageList控件赋值给工具栏的ImageList属性
toolStrip1.ImageList = imageList1;
当用户在控件或窗体本身上单击鼠标右键时，通 常会显示快捷菜单。
许多可视控件（以及 Form 本身）都有一个 Control.ContextMenuStrip 属性，该属性将 ContextMenuStrip 类绑定到显示快捷菜单的控 件。多个控件可使用一个 ContextMenuStrip。
6.3 工具栏界面设计
1. MenuStrip控件 （1）常用属性：
Items属性：所有菜单项的集合。 ShowItemToolTips 属性：指示是否显示工具
提示。 Anchor 属性：获取或设置MenuStrip要锚定
到的容器的边缘 ，取值于AnchorStyles枚举。 值主要包括：Bottom,Top,Left,Right, None.
（2）ToolStrip控件的常用事件
Clicked事件：单击工具按钮时发生。
CheckedChanged事件：Checked属性 发生变化时发生。
6.3.2 ImageList控件
是一个相同尺寸和颜色深度的图像集合 为ImageList控件添加图像的步骤：
（1）在窗体上，添加 一个ImageList控件；
选中或者未选中状态。 DisplayStyle 属性：是否在控件上显示文本和图像。 Image属性：显示在控件上的图像。
Selected 属性：是否处于选定状态。 Text属性：显示在菜单项上的文本。 TextAlign 属性：菜单项上的文本的对齐方式。
取值于ContentAlignment 枚举。 ToolTipText 属性：菜单项的工具提示内容。
//给各个工具栏按钮的ImageIndex属性赋值 //为ImageList中的图像的索引
toolStripButton1.ImageIndex = 0; toolStripButton2.ImageIndex = 1; toolStripButton3.ImageIndex = 2; }
6.4 状态栏界面设计
6.1.2 单窗体界面设计
设计的基本步骤是：
建立窗体； 为窗体添加控件； 设置属性； 添加事件，并编写事件响应过程。
6.2 菜单界面设计
有两种菜单控件用于菜单界面设计：
MainMenu控件，用于C#.NET 1.0中； MenuStrip控件，用于C#.NET 2.0中。
6.2.1 菜单编辑器
（2）常用事件
Click事件：单击菜单项时发生。 CheckedChanged事件：Checked属性值更改时
发生
VisibleChanged事件：Visible属性值更改时发生。
6.2.3 ContextMenuStrip
快捷菜单（也称为上下文菜单） 在用户单击鼠标右键时会出现在鼠标位置。
状态。 DisplayStyle ：是否在工具按钮上显示文本和图像 Image属性：显示在工具按钮上的图像。
Selected 属性：指示该项是否处于选定状 态。
Text属性：要显示在工具按钮上的文本。
TextAlign 属性：工具按钮上的文本的对 齐方式。
ToolTipText 属性：工具按钮上的工具提 示内容。
把MenuStrip控件（MainMenu控件）从工具箱 的“菜单和工具栏”选项卡中拖动到窗体上， 就会出现菜单编辑器。
1. 添加菜单项
在菜单编辑器内，单击“请在此处输入”文 本框，并输入在菜单中显示的文本
2. 添加快捷键
（1）在菜单文本中输入“&” 符号，为菜单项添加Alt访问键。 例如，主菜单项“File（&F）” （2）为菜单项添加快捷键。 设置菜单项的ShortcutKeys属性。