《应用程序界面设计》PPT课件.ppt

计算机应用基础,主讲教师:赵相伟 Tel:O) Email: Office:GC17-402 欢迎大家来地理系VB.NET之家坐坐!,计算机应用基础,主要参考书籍 *刘瑞新著Visual Basic.NET程序设计教程 龚佩曾著Visual Basic.NET程序设计教程 章其祥译VB.NET大学教程（国际版） 沈大林著VB.NET实例教程 张宪海著Visual Basic.NET程序设计教程 孙兆林著 VB.NET多媒体编程 常晓波译 VB.NET数据库编程 盛和太译 VB.NET数据库开发 张少华译VB.NET应用教程 Web与桌面应用程序开发 陈冠军著编精通ASP.NET 2.0企业级项目开发 ,计算机应用基础,主要内容 1 应用程序界面设计 2 面向对象的程序设计 3 图形与多媒体 4 ADO.NET数据库访问技术 5 定制ActiveX控件 6 使用ASP.NET创建Web应用程序 通过VB.NET建立Web服务 出错处理及程序调试,学习方法与思路,计算机技术基础 内容方面：编程基础知识为主。 记忆性：.NET构成、语言基 础、三大结构、四种文 件操作方法。 灵活性：结构、集合、文件综合 性应用；递归编程等方 面体现较强。 技巧性：过程与函数编写、多媒 体编程等方面体现较 强。 创新性：结构、集合、文件综合 性应用编程、文件操作 等方面体现较强。 方法与思路：强化记忆、熟练操 作、提高技能,计算机应用基础 内容方面：编程技能为主。 记忆性：类的属性、方法和事 件、（数据库、多媒 体、eb应用程序）编 程步骤。 灵活性：类的编写与应用、网页 设计与开发等方面体现 较强。 技术性：多媒体编程、数据库操 作eb网站建设等方面 体现较强。 创新性：多媒体编程、数据库操 作、eb应用程序编程 等方面体现较强。 方法与思路：用心领悟、深化理 解、强化应用、增强创 新。,第 1 章 应用程序界面,本章讲述的主要内容 1.1 高级控件应用 1.2 Dialog对话框 1.3 菜单的应用 1.4 工具栏 1.5 状态栏 1.6 多重窗体和多文档界面,1.1 高级控件应用,1.1.1 添加控件的方法 方法一、将控件拖动到窗体上 方法二、在窗体上复制粘贴控件 方法三、以编程方式动态添加控件 例：1-1动态添加控件的方法 1.1.2 常用高级控件 RichTextBox控件 RichTextBox控件是在TextBox基础上定制的一个功能更强大的文本输入控件，它包含了许多文本编辑的新功能。常用的属性如下： SelectedText属性 查找和替换一处 查找和替换一处字符 查找、替换和全部替换 文本缩进 向富文本加着重号 加上、下标 例：1-2RichTextBox在文本中查找替换,1.1 高级控件应用,1.1.2 常用高级控件 2. ListBox控件 该控件常用于以列表的形式显示相关的一组数据。常用属性、方法和事件如下表: 例：1-3列表框ListBox,表-ListBox控件常用的属性,表-ListBox控件常用的方法,1.1 高级控件应用,1.1.2 常用高级控件 3. ComboBox控件 该控件常用于从一组已知数据选项中选择一项数据或信息，它可以看作是 TextBox控件和ListBox控件组合而成的一个新的控件。常用属性和事件如下：,组合框的外观样式: 例：1-4个人网址簿,表-omboBox控件常用的属性,1.1 高级控件应用,1.1.2 常用高级控件 4. ListView控件 该控件常用于以二维表的形式显示相关的多组数据。 ListView控可以用 四种方式显示列表项：大图标、小图标、列表或详细资料，它们可以通过View 属性来设置。比较重要的属性是Columns和Items，可以在设计状态中设置 Columns和Items的值，可以在运行状态中动态地设置Columns和Items的值。比 如用ListView控件显示地图属性信息等。 例：1-5ListView,1.1 高级控件应用,1.1.2 常用高级控件 5. TreeView控件 该控件常用于以树状视图的形式显示相关的信息等。 TreeView控件最主要 的属性是Nodes，Nodes是所有节点(TreeNode)组成的一个集合，它类似于数学 上的集合的概念；每一个结点都是TreeNode类的实例。 Nodes常用的方法有： Add、Remove、Clear等方法，用于动态地改变Nodes集合中的元素。比如用 TreeView控件实现图层层次显示等。 例：1-6TreeView,1.1 高级控件应用,1.1.2 常用高级控件 6. ScrollBar控件 滚动条(ScrollBar)控件有水平滚动条(HscrollBar)和垂直滚(VscrollBar) 两种，用于在应用程序或控件中水平或垂直滚动，以方便地在较长的项目列表 或大量信息中转移。 常用的属性有:Maximum （最大有效值） 、 Minimum（最小有效值）、 LargeChange （点击滑轨时滑块移动的单位值）、 SmallChange （拖动时滑块移动的单位值）、 Value （当前值）、Step （增长步长）、 Style （显示样式） 。 常用的事件有:Scroll（滑块移动事件）、ValueChanged（当前值变化）。 例:1-7ScrollBar,1.1 高级控件应用,1.1.2 常用高级控件 .ProgressBar控件 进度条控件（ProgressBar）常用于显示某些过程的进度，比如：算法执行进度、图形、图像加载进度等。 常用的属性有Maximum （最大有效值） 、 Minimum（最小有效值）、 常用的方法有:PerformStep方法. 常用的事件有：Scroll（滑块移动事件）、ValueChanged（当前值变化）。 .TrackBar控件 Track控件常用于控制某些过程的进度、调节温度、颜色的程度。 常用的属性有：LargeChange （点击滑杆时滑块移动的单位值） 、 SmallChange （拖动时滑块移动的单位值） 、 Value （滑块当前值）。 两个特有属性：TickStyle和 TickFrequency 常用的方法有： 例:1-8TrackBar和Progress,1.1 高级控件应用,1.1.2 常用高级控件 9. MonthCalendar控件 MonthCalendar控件显示一个或几个月的月历。 特有的属性：取得日期值的方法是获得MinDate 、MaxDate 、TodayDate ScrollChange SelectionRange（ SelectionStart、SelectionEnd，注：点击选时两者值相同）。 10. DateTimePicker控件 DateTimePicker控件是一个下拉框，用来显示时间和日期。取得日期值的 方法是获得text属性的值。该控件可以用作数据绑定控件。 特有的属性： MinDate 、MaxDate、 Value（显示选择的日期和时间）、Text （显示选择的日期） 。 例:1-9DateTimePicker,1.1 高级控件应用,1.1.2 常用高级控件 11. 分组控件 (1)Panel控件 (2)GroupBox控件 (3)TabControl控件 SelectedTab属性用控制显示第几个Tab页。 12.Spliter控件 左边的控件的DOCK属性为LEFT，右边控件的DOCK属性为Fill，Spliter控件的属性为LEFT。 或左边的控件的DOCK属性为Fill ，右控件的的DOCK属性为Right，Spliter控件的属性为Right 。,1.2 Dialog对话框,1.2.1 公用对话框 1. 使用打开文件对话框 在VB.NET中可通过颜色对话框控件OpenFileDialog及其ShowDialog方法来显示对话框。由于控件在程序运行时并不直接打开文件，只返回文件路径,还要用Stream类等打开文件。 由于控件在程序运行时并不直接显示，故将其添加到窗体上后出现在窗体设计器的下方窗格中。,1.2 Dialog对话框,1.2.1 公用对话框 2. 使用保存文件对话框 在VB.NET中可通过字体对话框控件SaveFileDialog及其ShowDialog方法来 显示对话框。由于控件在程序运行时并不直接保存文件，只返回要保存的文件 路径,还要用Stream类等保存文件。属性如下表所示。,1.2 Dialog对话框,1.2.1 公用对话框 3. 使用颜色对话框 在VB.NET中可通过颜色对话框控件ColorDialog及其ShowDialog方法来显示 对话框。 ColorDialog控件可以显示颜色对话框，以便用户为窗体的其他对象 设置颜色，ColorDialog控件允许用户选择48种颜色，如图所示。,1.2 Dialog对话框,1.2.1 公用对话框 3. 使用颜色对话框 颜色对话框控件属性如下表所示。,1.2 Dialog对话框,1.2.1 公用对话框 4. 使用字体对话框 在VB.NET中可通过字体对话框控件FontDialog及其ShowDialog方法来显示 对话框。由于控件在程序运行时并不直接显示，故将其添加到窗体上后出现在 窗体设计器的下方窗格中。,1.3 菜单的应用,1.3.1 菜单的分类 下拉菜单 快捷菜单（右键菜单、弹出菜单、上下文菜单） 1.3.2 菜单的组成,1.3 菜单的应用,1.3.3 创建菜单 在窗体上添回菜单 MainMenu控件包含一个描述各个菜单项的MenuItem对象集，可以为每个 MenuItem对象分别设置属性，让菜单项可见或不可见，允许使用或禁止使用等。 要在窗体上创建一个标准菜单，首先从工具箱中把一个MainMenu控件拖动到窗体 上。,1.3 菜单的应用,1.3.3 创建菜单 2. 动态添加菜单 Dim mmnuFirst As MainMenu Dim mnuiFirst As MenuItem mmnuFirst = New MainMenu() mnuiFirst = New MenuItem(“动态菜单“) mmnuFirst.MenuItems.Add(mnuiFirst) mnuiFirst.MenuItems.Add(“新增菜单第一项“),1.3 菜单的应用,1.3.4 设计菜单的推荐做法 不论是下拉菜单还是快捷菜单，它们的目的都是为了让应用程序更加直观、易用。设计应用程序的菜单时推荐使用以下推荐做法。 命名菜单时，大写单词首字母。例如，File，Edit等。 给每个菜单项分配唯一的快捷键。例如，Windows中通常使用AltF打开“文件菜单。 创建菜单时，命名规则要保持一致。例如，在应用程序中，通常将文件菜单项、编辑菜单项等命名为文件（File）、编辑（Edit）等。 如果某个菜单命令需要用户通过对话框输入更多的信息，则在菜单项后使用省略号；如果菜单项包含有下级子菜单，则在菜单项后使用“”标记。如图1-3中的“自定义”和“缩放”菜单项。,1.3 菜单的应用,1.3.5 下拉菜单 1. 创建下拉菜单 在VB.NET中程序员可使用MainMenu控件创建应用程序的菜单。该控件在工具箱中的图标为，双击该图标可将其添加到当前应用程序中，由于控件本身在程序运行时并不直接显示，故与其他同类控件一样出现在窗体设计器窗口的下方窗格中。将MainMenu控件加入应用程序并选中该控件后，在窗体的最上方将出现由MainMenu创建的菜单设计器及“请在此处输入”的操作提示。,1.3 菜单的应用,1.3.5 下拉菜单 2. 编辑、删除菜单成员 如果要移动一个菜单项，可单击该菜单项并用鼠标将其它拖到一个新位置即可。如果要删除一个菜单项，可用鼠标右键单击要删除的菜单项，在弹出的快捷菜单中执行“删除”命令。或在选中菜单项后按键盘上的Delete键。如果要编辑一个菜单项，可以直接单击需要修改的地方，进入编辑状态，而后添加、删除或修改文字即可。也可以在选中菜单项后通过图1-7所示的属性窗口，修改相应的属性值。例如，修改Text属性可以改变菜单的名称显示。,1.3 菜单的应用,1.1.5 下拉菜单 3. 实现菜单功能 程序员可以通过编写菜单项单击（Click）事件代码来实现希望的菜单功能。例如在菜单设计器中直接双击本例的“打开”菜单项即可进入图1-8所示的代码窗口，程序员只需在事件过程中填入适当的代码即可。,1.3 菜单的应用,1.1.6 快捷菜单 1. 创建快捷菜单 首先从工具箱中选取ContextMenu控件并添加到窗体上，即为该窗体创建了快捷菜单。单击窗体设计器下方窗格中的ContextMenu控件，窗体上显示提示文本“请在此处输入”。单击此文本，然后键入所需菜单项的名称。 若要添加另一个菜单项，可单击菜单设计器内的另一个“请在此处输入”区域。单击当前菜单项右侧的区域，以添加子菜单项。或单击当前菜单项下方的区域，以添加另一个菜单项，如图1-12所示。,2. 快捷菜单应用实例 例1-2,1.4 工具栏,1.4.1 工具栏控件（ToolBar） 1. ToolBar控件的常用属性,1.4 工具栏,1.4.1 工具栏控件（ToolBar） 2. ToolBarButton集合编辑器,1.4 工具栏,1.4.1 工具栏控件（ToolBar） 3. ToolBar控件的常用方法和事件 工具栏控件最常用的事件是Click事件，在Click事件过程中通常使用Buttons.IndexOf方法判断用户单击了工具栏中哪个按钮，该方法返回被单击按钮的索引值。 例如： If ToolBar1. Buttons.IndexOf(e.Button) = 0 Then MsgBox(“你单击了第一个按钮“) End If,1.5 状态栏,1.3.1 状态栏控件（StatusBar） 1. StatusBar控件的常用属性,1.5 状态栏,1.3.1 状态栏控件（StatusBar） 2. StatusBarPanel集合编辑器,1.5 状态栏,1.3.1 状态栏控件（StatusBar） 3. 状态栏常用方法和事件 状态栏最常用的事件为PanelClick，该事件在用户单击状态栏中某窗格时触发。若要通过对StatusBar控件进行编程来响应用户的单击操作，可使用PanelClick事件中的Select Case语句。事件处理程序接收一个StatusBarPanelClickEventArgs类型的参数，它包含与此