1、第九章 Windows程序的界面设计,1. 总体要求 理解基于Windows的应用程序的基本概念 掌握Windows窗体和控件的常用属性。 掌握一些常用的Windows窗体控件的使用。 学会创建较为复杂的Windows应用程序。 2. 学习重点 Windows 应用程序中窗体、控件、事件的基本概念。 Windows 窗体控件的共同特性。 常用的Windows 窗体控件。,第九章 Windows程序的界面设计,主要内容 9.1窗体与控件概述 9.2 按钮与文本显示、编辑控件 9.3 列表与选择控件 9.4 图形显示控件 9.5 容器控件 9.6 对话框 9.7菜单、工具栏和状态栏 9.8 SDI
2、和MDI应用程序,9.1窗体与控件概述,9.1.1 Windows窗体 9.1.2 窗体的控件,返回,9.1.1 Windows窗体,窗体是控件的容器，而控件是窗体的成员对象，用于显示信息并且接收入用户输入的信息。Windows窗体的基类是Form，位于System.Windows.Forms命名空间中。 表9-1列出了Windows窗体的主要属性（见教材） 窗体和控件的属性可以在Visual Studio .NET的属性窗口进行设计，也可以通过编写代码来完成。,例如：,this.ShowInTaskbar = true; this.StartPosition = FormStartPosit
3、ion.CenterScreen; this.Text = “窗体属性设置“; this.TopMost = true; this.WindowState = FormWindowState.Maximized; this.FormBorderStyle = FormBorderStyle.Fixed3D;,9.1.2 窗体的控件,1.NET Framework中的窗体控件 控件是用来完成特定的输入/输出功能的。例如，按钮控件响应用户的单击事件，文本框控件接收用户的输入等。 在.NET Framework中，控件派生于System.Windows.Forms.Control类，该类定义了控件的
4、基本功能。 表9-2列出了一些常见的Windows控件和组件。 控件的用法：静态引用和动态引用。其中，静态引用就是在设计时把控件从工具箱拖放到窗体设计区中。动态引用就是在源程序代码中通过控件类来创建控件对象，在完成对象属性设置再将其添加到窗体中。,2控件的属性,Anchor 获取或设置控件绑定到的容器的边缘并确定控件如何随其父级一起调整大小 BackColor 控件的背景色 Bottom 控件下边缘与其容器的工作区上边缘之间的距离（以像素为单位） Dock 获取或设置控件边框停靠到其父控件并确定控件如何随其父级一起调整大小 Enabled 控件是否可以对用户交互做出响应 ForeColor 控
5、件的前景色 Height 控件的高度 Left 控件左边缘与其容器的工作区左边缘之间的距离（以像素为单位）,Location控件的左上角相对于其容器的左上角的坐标 Name 控件的名称，可以在代码中用于引用该控件 Parent 控件的父容器 Right 控件右边缘与其容器的工作区左边缘之间的距离（以像素为单位） Size 控件的高度和宽度 TabIndex 控件的 Tab 键顺序 TabStop 指示用户能否使用 Tab 键将焦点放到该控件上 Text 与此控件关联的文本 Top 控件上边缘与其容器的工作区上边缘之间的距离（以像素为单位） Visible 指示是否显示该控件 Width 控件的
6、宽度,个人理财软件的功能模块图,9.2 按钮与文本显示、编辑控件,9.2.1 按钮控件 9.2.2 文本显示控件 9.2.3 文本编辑控件 9.2.4 应用实例,返回,9.2.1 按钮控件,Button（按钮）控件用来接收用户的操作命令，激发相应的事件，例如， “确定”或者“取消”。 在设计时，通常先添加控件，再为其Click事件编写代码；在程序运行时，单击该按钮就会执行Click事件方法。 常用的属性有Name、Text、Visible、Enabled、FlatStyle、Image和ImageAlign。 其中，Text属性指定要显示的标题文字，在字母前添加“&”字符“可设置快捷键。 Im
7、age属性可以指定要显示的图像； ImageAlign、TextAign和TextImageRelation属性用来设置图像与文本的排列方式。,9.2.2 文本显示控件,.NET Framework包含两个标签控件：Label和LinkLabel。其中，Label是标准的Windows标签；LinkLabel类似于Label，但以超链接方式显示。 Label控件的常用的属性： AutoSize：默认值为true。 BorderStyle：决定控件边框的样式，其值是BorderStyle枚举值。=None时，无边框、=FixedSingle，单行边框，=Fixed3D，三维边框。默认为None。
8、 LinkLabel其常用的属性如表9-4所示（见教材）,9.2.3 文本编辑控件,1Textbox控件 其用途是让用户输入文本，用户可以在其中输入任何字符或指定类型的字符。默认情况下，最多可输入2048个字符，但如果将Multiline属性设置为true，则最多可输入32KB的文本。用户输入的文本保存在Text属性中，在程序中引用Text属性即可获得用户输入的文本。 TextBox控件的常见属性如表9-5所示。 TextBox控件的常用事件如表9-6所示。,2RichTextBox控件,RichTextBox用于显示和输入格式化的文本（又称富文本格式Rich Text Format，RTF）
9、，可以显示字体、颜色和链接，从文件加载文本和加载嵌入的图像，以及查找指定的字符，因此RichTextBox常常称为增强的文本框。 RichTextBox 控件通常用于提供类似字处理应用程序（如 Microsoft Word）的文本操作和显示功能。RichTextBox控件的默认设置是水平和垂直滚动条均根据需要显示，并且拥有更多的滚动条设置。 RichTextBox常见的属性见表9-7。,9.2.4 应用实例,【实例9-1】设计一个简单的个人记账软件的的用户登录界面，当输入正确的用户名和密码时，系统将给出正确的提示，否则给出错误提示。注意，由于实际的身份验证需要与数据库建立连接，所以在这里先将功
10、能简化，下一章将进一步完善本程序。【操作演示】代码分析（见教材）,9.3 列表与选择控件,9.3.1 RadioButton控件 9.3.2 CheckBox控件 9.3.3 ListBox控件 9.3.4 ComboBox控件 9.3.5 其它常用控件 9.3.6 应用实例,返回,9.3.1 RadioButton控件,RadioButton（单选按钮）控件为用户提供由两个或多个互斥选项组成的选项集。用户在一组单选按钮中只能选择一个。 表9-9和表9-10列出了RadioButton控件的常用属生和事件。,9.3.2 CheckBox控件,CheckBox控件允许用户选择多个选项，而Radi
11、oButton 控件只允许用户从互相排斥的选项中选择一个。 CheckBox控件的常用属性： CheckState：其值可为Checked、UnChecked和Indeterminate。值为Indeterminate时，表示复选框的当前值无效。 ThreeState：设置工作模式为“两种状态”或“三种状态”，前者 使用 Checked 属性返回状态值，后者使用 CheckState 属性返回状态值。,9.3.3 ListBox控件,ListBox（列表框）控件用于显示一组字符串，可以从中选择一个或多个选项。与复选框和单选按钮一样，列表框也提供了要求用户选择一个或多个选项的方式。 ListBo
12、x控件的常用属性如表9-13所示。 ListBox控件的常用方法如表9-14所示。 ListBox控件的常用事件主要是：SelectedIndexChanged，表示选中项的索引被改变时触发的事件。,9.3.4 ComboBox控件,ComboBox（组合框）控件把文本框控件和列表框组合在一起，使用户可以从列表中选择选项，也可以输入新文本。ComboBox 的默认行为是显示一个可编辑文本框，该文本框具有一个隐藏的下拉列表。 其DropDownStyle属性确定要显示的组合框的样式，=Simple，简单的下拉列表，始终显示列表和下拉列表框；=DropDownList，文本部分不可编辑，并且必须单
13、击下拉箭头才能查看下拉列表中的选项；=DropDown，默认下拉列表框，文本部分可编辑，并且用户必须单击下拉箭头才能查看列表中的选项。,9.3.5 其它常用控件,9.3.6 应用实例,【实例9-2】在项目MyAccounting中添加一个窗体，实现如图9-12所示的效果，用于添加个人收支明细。操作演示代码分析,9.4 图形显示控件,9.4.1 PictureBox控件 9.4.2 ImageList控件 9.4.3 应用实例,返回,9.4.1 PictureBox控件,PictureBox控件用于显示位图、GIF、JPEG、图元文件或图标格式的图形。 常用属性有： Image：设置所要显示的图
14、片 SizeMode：控制图像显示方式，=Normal（默认），图像置于PictureBox 的左上角，尺寸过大时自动被剪裁掉；=StretchImage时，图像将拉伸显示；=AutoSize时，自动调整大小以完整显示；=CenterImage，图像居中显示。,9.4.2 ImageList控件,ImageList控件只用于存储图像。将位图、图标添加到该控件，再由其他控件显示，这样只需更改某个控件的ImageIndex或ImageKey属性，就可改变显示的图像。 另外，还可在同一个ImageList控件与多个控件之间设置关联，例如用ListView控件和TreeView控件显示同一个文件列表，
15、当更改图像列表中某个图标时，新图标将同时显示在两个视图中。 ImageList控件的主要属性： Images：包含一个图像集合。 ColorDepth：确定呈现图像时所使用的颜色数量。 ImageSize：设置图像大小，所有图像都将以同样的大小显示。,9.4.3 应用实例,【实例9-3】在项目MyAccounting中添加一个窗体，实现如图9-13所示的效果，用于显示系统说明。操作演示代码分析,9.5容器控件,9.5.1 GroupBox控件 9.5.2 Panel控件 9.5.3 TabControl控件 9.5.4 应用实例,返回,9.5.1 GroupBox控件,GroupBox（分组框
16、）控件用于为其他控件提供可识别的分组。通常，使用分组框按功能细分窗体，将一个窗体的各种功能进一步分类。 在窗体上创建GroupBox控件及其内部控件时，必须先建立GroupBox控件，然后在其内建立各种控件， 如果要将窗体上已经放好的控件进行分组，则应选中控件，然后将它们剪切并粘贴到GroupBox控件中，或者直接把控件拖到GroupBox中。,9.5.2 Panel控件,Panel（面板）控件类似于GroupBox 控件。 主要区别是：只有GroupBox 控件可显示标题，只有Panel控件可以有滚动条。若要显示Panel控件中的滚动条，需将其AutoScroll 属性设置为 true。也可
17、以通过设置BackColor、BackgroundImage和BorderStyle属性自定义面板的外观。,9.5.3 TabControl控件,该控件用于显示多个选项卡，每个选项卡可包含图片和其他控件。 使用该控件可生成多页对话框，还可以创建用于设置一组相关属性的属性页。 其重要属性：TabPages，该属性包含单独的选项卡。每一个单独的选项卡都是一个TabPage对象。单击选项卡时，将引发该TabPage对象的Click事件。 TabControl控件的常用属性如表9-17所示,9.5.4 应用实例,【实例9-4】在项目MyAccounting中添加一个窗体，实现如图9-15所示的效果，用
18、于添加收支项目信息。操作演示代码分析,9.6对话框,9.6.1 对话框概述 9.6.2 消息框 9.6.3 通用对话框 9.6.4 应用实例,返回,9.6.1 对话框概述,1模态对话框 所谓模态对话框，就是指当这个对话框弹出的时候，鼠标不能单击这个对话框之外的区域，这种对话框往往是用户进行了某种操作后才出现的。 打开一个模态对话框： 窗体对象.ShowDialog(); 【实例9-5】创建一个新Windows应用程序，打开一个模态对话框。 操作演示,2非模态对话框,非模态对话框通常用于显示用户需要经常访问的控件和数据，并且在使用这个对话框的过程中需要访问其他窗体的情况。 打开非模态对话框使用S
19、how方法。 【实例9-6】在实例9-5创建的Windows应用程序中，打开一个非模态对话框。 操作演示,9.6.2 消息框,1消息框按钮 消息框最多有3个按钮，但不能随意定义，只能从预定按钮组中选择，如表9-20所示。 单击某一按钮时，Show方法将返回一个DialogResult枚举值。表9-21显示了DialogResult的枚举成员。,2消息框图标,MessageBoxIcon枚举定义了消息框的图标，只有4个，但是在MessageBoxIcon枚举中共有9个成员，如下表所示。,9.6.3 通用对话框,NET提供了一组基于标准对话框，包括OpenFileDialog（文件打开）、Save
20、FileDialog（文件另存为）、FolderBrowerDialog（文件夹选择）、ColorDialog（颜色）以及FontDialog（字体）对话框等。 1. ColorDialog 重要属性：,2FontDialog,重要属性： AllowVectorFonts AllowVerticalFonts Color FixedPitchOnly Font MaxSize MinSize ShowApply ShowColor ShowEffects,9.6.4 应用实例,【实例9-6】制作一个简单的文本编辑器，可实现对文本内容进行编辑和修饰，包括更改文本的颜色和字体等。操作演示代码分析,
21、9.7菜单、工具栏和状态栏,9.7.1 菜单 9.7.2 工具栏 9.7.3 状态栏 9.7.4 应用实例,返回,9.7.1 菜单,1下拉菜单MenuStrip控件 常用属性： Checked CheckOnClick DisplayStyle DropDownItems Image Selected ShortcutKeys ShowShortcutKeys ToolTipText,2上下文菜单，也称快捷菜单,设计步骤如下： (1) 在工具箱中双击ContextMenuStrip控件。 (2) 为其设计菜单项，设计方法与MenuStrip控件相同，只是不必设计主菜单项，如图9-30所示。 (
22、3) 选中需要使用的快捷菜单的窗体或控件，在其“属性”窗口中，单击ContextMenuStrip选项，从弹出的下拉列表中选择所需的ContextMenuStrip控件，如图9-31所示。当运行程序时，在窗体中右击，即可弹出上下文菜单，如图9-32所示。,9.7.2 工具栏,工具栏实际上可以看成是菜单项的快捷方式，工具栏上的每一个工具项都应有对应的菜单项。工具栏提供了单击访问程序中功能的方式。 工具栏上的按钮通常包含一个图片，不包含文本，但它可以既包含图片又包含文本。,9.7.3 状态栏,状态栏StatusStrip一般位于窗体的底部，用来显示窗体的状态信息。 表9-28列出了该控件的常用属性
23、。 在状态栏中可添加：StatusLabel、ProgressBar、DropDownButton、SplitButton等控件。 表9-30列出了这些控件的常用属性。,9.7.4 应用实例,【实例9-7】在项目MyAccounting中添加一个窗体，用做个人理财软件的主窗体。操作演示代码分析,9.8 SDI和MDI应用程序,9.8.1 创建SDI应用程序 9.8.2 创建MDI应用程序 9.8.3 应用实例,返回,9.8.1 创建SDI应用程序,单一文档界面（SDI）一次只能打开一个窗体，如Windows的记事本，一次只能处理一个文档，如果用户要打开第二个文档，就必须打开一个新的SDI应用程
24、序实例，它与第一个实例没有关系，对一个实例的任何配置都不会影响第二个实例。 在默认情况下，我们创建的窗体都是SDI应用程序。,9.8.2 创建MDI应用程序,多文档应用程序（MDI）可以在不同的窗口中保存多个已打开的文档，用户可以在任一时间打开多个窗口，例如Word。 MDI至少包含两个窗口，一个是MDI容器（“主窗口”），另一个在主窗口中显示，称为 “子窗口”。 要创建MDI应用程序，首先要像创建其他应用程序那样，先创建一个Windows应用程序，然后将其改为MDI容器。把应用程序的主窗口从一个窗体改为MDI容器，只需把窗体的IsMdiContainer属性设置为true即可。,9.8.3 应用实例,【实例9-8】设置个人理财软件为MDI应用程序，并在主窗体中打开子窗体。操作演示代码分析 （见教材）,
