第2-2周标题栏

1、教 案授课日期2016年 9月 5 日第 2 周授课时数2授课章节名 称高级用户界面设计教学目的掌握设计原则掌握菜单设计教学重点控件的属性教学难点控件事件的调用更新、补充删节内容无使用教具微机课外作业课后练习课后体会通过实例设计加深对所学知识的了解授 课 主 要 内 容 或 板 书 设 计一、复习提问1、 如何调试运行程序？2、 如何保存和打开？二、导入新课打开我的电脑，显示出隐藏的文件或文件夹。启用word，利用打开菜单打开指定的文件。三、讲授新课（一） Windows应用程序界面分类及设计原则授课内容或板书设计Windows应用程序界面分类及设计原则界面设计的原则要设计出完美、实用的用户界

2、面，需要遵循以下设计原则，并反复修改设计。1、用户至上的原则。在设计时要充分为用户考虑，要使用户能方便的使用。例如应用程序界面是否能吸引用户、方便用户操作，在没有帮助的情况下，用户是否能比较容易的发现应用程序的不同功能，如何为用户提供在线帮助等。2、一致性。包括窗体图标的一致性、控件样式选择的一致性、色彩搭配的一致性以及程序中不同窗口保持一致性等。3、简单性。简单即美，这也是艺术中的一个准则。应该尽量为用户创建看上去与用起来都很简单的界面，如果在没有帮助的情况下，一个普通的用户不能很快完成某个操作，那么就要考虑修改设计了。4、颜色和字体。多彩的界面可以增加视觉的感染力，但颜色的效果是千差万别的

3、，而用户的喜好也会因人而异，在界面设计上使用颜色时，需要注意不同文化中颜色的差异。一般说来，在颜色的使用上应该采取保守的态度，尽量采用一些柔和的中性的颜色来美化界面。选择字体时，要选择在不同分辨率的显示器上都能阅读的字体，一般都使用标准的windows字体，通常具有类似功能的文本应采用一致的字体。5、图片和图标。图片和图标的使用可以增加应用程序的视觉趣味，图片和图标比文本更加形象地传达信息。菜单设计菜单设计概述菜单有下拉式菜单和弹出菜单(上下文菜单)。下拉式菜单的组成结构： .NET提供了MainMenu和ContextMext两个控件，分别用来设计下拉式菜单和弹出式菜单。菜单项除了Name、

4、Visible、Enabled等属性之外，还具有下列重要属性：(1) Text 菜单项上显示的标题文本在字符前加一个&符号构成热键。例如，输入“新建(&N)”，则菜单显示“新建(N)”，N为热键。菜单项的分隔符，输入一个减号“-”。(2) ShortCut 设置菜单项的快捷键。(3) Checked 控制菜单项左边是否显示“”菜单项的事件Click 为菜单项编写程序 例7.16 将例7.12中的命令组织成菜单。下拉式菜单的建立过程：1) 建立控件 在窗体上放置一个MainMenu控件2) 设计菜单3) 设置菜单项的属性4) 编写菜单项的事件过程 创建弹出菜单弹出菜单 独立于窗体菜单栏而显示在窗

5、体内的浮动菜单。显示位置取决于单击鼠标右键时指针的位置。弹出菜单使用ContextMenu控件来设计，方法与下拉式菜单相同。用鼠标单击某对象时能弹出菜单，必须设置该对象的ContextMenu属性=ContextMenu控件名教 案授课日期2016年 9月 5 日第 2 周授课时数2授课章节名 称高级用户界面设计教学目的掌握设计原则掌握快捷菜单设计教学重点控件的属性教学难点控件事件的调用更新、补充删节内容无使用教具微机课外作业课后练习课后体会通过实例设计加深对所学知识的了解授 课 主 要 内 容 或 板 书 设 计一、复习提问3、 如何调试运行程序？4、 如何保存和打开？二、导入新课打开我的电

6、脑，显示出隐藏的文件或文件夹。启用word，利用打开菜单打开指定的文件。三、讲授新课Vs 2008的MenuStrip控件授课内容或板书设计MenuStrip 控件概述（Windows 窗体） 菜单通过存放按照一般主题分组的命令将功能公开给用户。 MenuStrip 控件是此版本的 Visual Studio 和 .NET Framework 中的新功能。使用该控件，可以轻松创建 Microsoft Office 中那样的菜单。 MenuStrip 控件支持多文档界面 (MDI) 和菜单合并、工具提示和溢出。您可以通过添加访问键、快捷键、选中标记、图像和分隔条，来增强菜单的可用性和可读性。 M

7、enuStrip 控件取代了 MainMenu 控件并向其中添加了功能；但是也可选择保留 MainMenu 控件以备向后兼容和将来使用。 MenuStrip 控件的使用方式 使用 MenuStrip 控件可以： 创建支持高级用户界面和布局功能的易自定义的常用菜单，例如文本和图像排序和对齐、拖放操作、MDI、溢出和访问菜单命令的其他模式。 支持操作系统的典型外观和行为。 对所有容器和包含的项进行事件的一致性处理，处理方式与其他控件的事件相同。 下表显示了 MenuStrip 和关联类的一些特别重要的属性。属性说明MdiWindowListItem获取或设置用于显示 MDI 子窗体列表的 Tool

8、StripMenuItem。System.Windows.Forms.ToolStripItem.MergeAction获取或设置 MDI 应用程序中子菜单与父菜单合并的方式。System.Windows.Forms.ToolStripItem.MergeIndex获取或设置 MDI 应用程序的菜单中合并项的位置。System.Windows.Forms.Form.IsMdiContainer获取或设置一个值，该值指示窗体是否为 MDI 子窗体的容器。ShowItemToolTips获取或设置一个值，该值指示是否为 MenuStrip 显示工具提示。CanOverflow获取或设置一个值，该值

9、指示 MenuStrip 是否支持溢出功能。ShortcutKeys获取或设置与 ToolStripMenuItem 关联的快捷键。ShowShortcutKeys获取或设置一个值，该值指示与 ToolStripMenuItem 关联的快捷键是否显示在 ToolStripMenuItem 旁边。 下表显示了重要的 MenuStrip 同伴类。类说明ToolStripMenuItem表示在 MenuStrip 或 ContextMenuStrip 上显示的可选择选项。ContextMenuStrip表示快捷菜单。ToolStripDropDown表示当用户单击 ToolStripDropDown

10、Button 或较高级菜单项时，使用户可以从列表中选择单个项的控件。ToolStripDropDownItem为派生自 ToolStripItem 的控件提供基本功能，当单击控件时显示下拉项。菜单与与对话框 菜单设计 控件名:menustrip 作用:设计下拉式菜单。 菜单设计方法：当拖入menustrip1控件后，就在窗体的左上角出现菜单设计栏，从而可以输入菜单项（即菜单的TEXT属性）。 常用属性： Text:设置菜单项名字。其后可带（&f）以指明热键为f（即按下alt+f激活菜单） Shortcutkeys:快捷键，可以从右边选择修饰符（Ctrl,alt,shift）与键。也可以直接输入

11、。 Image:与菜单项对应的图标。说明，加载图片时，选择资源时从本地资源导入。 Name:菜单名称，默认名称为：text名称ToolStripMenuItem 菜单项之间加分隔线:text栏输入- 应用实例：设计一个菜单，其中菜单栏包括：文件（新建、打开、保存、退出）、编辑（颜色、剪切、复制、粘贴）。而颜色又分为菜单项（红色、绿色、蓝色），单击颜色项可设置文本框中文字颜色并选择此项。单击编辑菜单的其它项能执行相应的操作。 见文件编辑菜单，程序为： Public Class Form1 Private Sub 退出ToolStripMenuItem_Click(ByVal sender As

12、System.Object, ByVal e As System.EventArgs) Handles 退出ToolStripMenuItem.Click End End Sub Private Sub 红色ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 红色ToolStripMenuItem.Click TextBox1.ForeColor = Color.Red 红色ToolStripMenuItem.Checked = True 蓝色ToolStripM

13、enuItem.Checked = False 黑色ToolStripMenuItem.Checked = False End Sub Private Sub 蓝色ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 蓝色ToolStripMenuItem.Click TextBox1.ForeColor = Color.Blue 红色ToolStripMenuItem.Checked = False 蓝色ToolStripMenuItem.Checked = Tr

14、ue 黑色ToolStripMenuItem.Checked = False End Sub Private Sub 黑色ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 黑色ToolStripMenuItem.Click TextBox1.ForeColor = Color.Black 红色ToolStripMenuItem.Checked = False 蓝色ToolStripMenuItem.Checked = False 黑色ToolStripMenuI

15、tem.Checked = True End Sub Private Sub 复制ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 复制ToolStripMenuItem.Click TextBox1.Copy() End Sub Private Sub 剪切ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles 剪切ToolStripMenuItem.Click TextBox1.Cut() End Sub Private Sub 粘贴ToolStripMenuItem_Click(ByVal sender As System.Object, ByVal e As