第2章窗体与控件ppt课件.ppt

,软件技术专业剖析报告,软件教研室 李 萍2006年5月,第2章 窗体与控件,主讲教师：周志德,学习内容,1、可视化程序设计的二项任务（1）Windows应用程序界面设计（2） Windows应用程序事件代码设计2、 学习内容 本章主要介绍Windows应用程序界面设计。 由于应用程序界面由窗体与控件组成，因此，本章主要学习窗体与控件的属性、方法与事件，及用控件在窗体内设计应用程序界面的方法。,项目案例教学法（1）项目案例:用户登录界面用户帐号管理界面学生档案查询程序界面（2）设计方法:用窗体与控件设计程序界面。（3）教学方法:教、学、做一体的项目教学法。,教学方法,本次课主要讲述窗体、标签、文本框、命令按钮的属性、方法与事件，并完成用户登录界面的设计任务。,2.1 属性、方法与事件,1、属性(Property)（1）属性是描述控件对象特性的数据成员。如控件名称Name、标题Text、长宽Size、字体Font等。（2）属性设置方法一：在属性窗口设置控件属性，得到控件初始的外观样式。方法二：在程序代码中设置控件属性，即在程序运行中改变控件的外观样式。说明：部分属性不能在运行时赋值，如：button1.Size .Width = 100; 是错误的。,例如：用属性窗口设置按钮控件Button1的属性如下：Name:btn_ButtonFont:宋体、五号Location:150,150Size:100,40Text:按钮用代码设置按钮控件Button1的Text属性如下：btn_Button.Text=“确定”；,2.1 属性、方法与事件,图2.2 按钮的属性设置,2.1 属性、方法与事件,2、方法(Method)（1）方法是处理数据的成员函数。（2）应用程序可通过调用控件的方法完成指定的动作。 例如，隐藏一个按钮btn_Button可调用按钮的Hide方法实现，代码如下：btn_Button.Hide();,3、事件：控件对操作动作的响应。C#规定了每种控件可以响应的事件。如,单击按钮在标签控件上显示“单击了按钮！”，显示“单击了按钮！”的这一动作即是单击按钮事件。private void btn_button_Click(object sender, EventArgs e) lbl_label.Text = 单击了按钮！; btn_button.Hide(); ,2.1 属性、方法与事件,属性窗口中有两个对话框(如图2.3所示）：左边：控件属性设置对话框；右边：事件对话框，显示控件对象能响应各种事件。,2.1 属性、方法与事件,图 2.3 属性与事件对话框,2.2 窗体,2.1.1 概述1. 作用窗体用于设计应用程序界面，是放置控件的容器。2. 添加窗体菜单 | 项目 | 添加Windows窗体 | Windows窗体 | 输入窗体名 | 添加说明：一个项目可添加多个窗体。窗体文件的默认名为Form1.cs、Form2.cs、Formn.cs,2.1.2 窗体属性1.窗体名与标题（1）Name：窗体名, 如：Name=frm_XSDA（2）Text：窗体标题，如：frm_XSDA.Text =学生档案查询2窗体位置、大小与状态（1）Location（位置属性）：窗体左上角坐标(Left、Top)如: Location ：100，100或：Location.x：100；Location.y:100,2.2 窗体,（2）Size（大小属性）：窗体宽与高(Width,Height)如：Size:600,400或：Width：600，Height：400（3）WindowState（状态属性）：Normal：正常状态。Maximized：最大化状态。Minimized：最小化状态。,2.2 窗体,3窗体的字体、颜色与外形（1）Font（窗体字体）：在属性窗口单击Font属性栏中的省略按钮，进入图2.4所示字体属性设置对话框。可设置如下字体属性。 Name:字体名 Size:字体大小 Italic:Ture （设置斜体） Bold：Ture （设置粗体） UnderLine:True(设置下划线） Unit: 字体单位,2.2 窗体,图2.4 字体属性设置对话框,（2）ForeColor：窗体的前景颜色在属性窗口单击ForeColor属性栏中的下拉按钮，进入图2.5所示颜色属性设置对话框，可设置各种颜色。（3）BackColor：窗体的背景颜色在属性窗口单击BackColor属性栏中的下拉按钮，进入图2.5所示颜色属性设置对话框，可设置各种颜色。,2.2 窗体,图2.5 窗体前景色的设置,2.2 窗体,（4）FormBorderStyle：窗体边框样式：None:无边框；Fixed3D:固定的三维边框；FixedDialog:固定对话框样式的粗边框；FixedSingle:固定的单行边框；FixedToolWindow:不可调整大小的工具窗体边框；Sizable:可调整大小的边框；SizableToolWindow:可调整大小的工具窗体边框。窗体边框风格默认为:FormBorderStyle.Sizable。,2.2 窗体,2.2 窗体,（5）BackgroundImage属性作用：用于设置窗体的背景图片设置：在属性窗口单击BackgroudImage属性栏中的省略按钮，进入图2.6所示窗体的背景图片设置对话框。选择本地资源，单击导入按钮，选择背景图片。4窗体关闭方法（Close）窗体关闭方法的格式：this.Close();,图2.6 窗体前景色的设置,2.2 窗体,2.2 窗体,例2-1 设置学生档案管理系统窗体背景图片如图2.7所示。（1）创建新解决方案ex2_1.sln（2）窗体属性：Name:frm_XSDAText:学生档案管理系统BackgroudImage：学生档案管理.jpg,图2.7 学生档案管理系统背景图片,2.2 窗体,2.2 窗体,例2-2 （1）创建用户登录窗口界面,如图2.9所示。（1）创建登录解决方案解决方案名称为ex2_2.sln,存放目录为d:c#ex2_2；（2）设置窗体属性Name：frm_LoginText：用户登录（3）放置2个Lable控件,图2.9 用户登录窗口,2.2 窗体,2.2.2 窗体的主要事件1.窗体事件的创建步骤（1）选择窗体（2）选择属性窗口（3）单击事件按钮（4）选择窗体事件（5）双击窗体事件进入事件代码编码器编写事件代码程序,2.2 窗体,2窗体加载事件(Load)Load事件在第一次显示窗体前发生。在窗体显示前，先执行Load事件代码，然后窗体才显示在屏幕上。 private void frm_Login_Load(object sender, EventArgs e) this.Text = 登录窗体; label1.Text = 用户名：; 说明：书中例题有问题！要将窗体名改为this,this用于表示窗体对象。,2.2 窗体,3窗体单击和双击事件（1） Click：窗体单击事件 private void frm_Login_Click(object sender, EventArgs e) label2.Text = 口令：; ,2.2 窗体,（2） DoubleClick：窗体双击事件可以设置两次单击鼠标按钮之间的时间间隔以便将这两次单击认为是双击而不是两次单击。（3） MouseClick：窗体鼠标单击事件（4） MouseDoubleClick：窗体鼠标双击事件仅对鼠标单击和双击有效，对于键盘的点击不做处理。,2.2 窗体,4窗体激活与失效事件（1） Actived ：窗体激活事件从一个窗体切换到另一个窗体时，每激活一个窗体发生Actived事件。（2） Deactivate：窗体失效事件,2.3.1 控件概述（1）Windows程序界面由菜单、工具栏、文本框、列表框、命令按钮、滚动条等控件组成。（2）程序员使用C#工具箱中控件，在窗体内设计程序界面。（3）C#工具箱提供多种控件供程序员使用。（4）程序员要关心控件的作用、属性、方法、事件与用法。,2.3 常用控件,2.3 常用控件,（5）控件工具箱Visual Studio 2005 提供了多种控件供用户设计应用程序界面。所有控件都存放在控件工具箱内。如图2.10所示。,图2.10 控件工具箱,2.3 常用控件,（6） 控件命名控件的Name属性为控件的唯一标识，为了提高程序的可读性，需要给控件一个容易理解的名称。 Microsoft公司提供了对控件的命名约定，便于通过控件名称表示出控件的类型。表2-1中列出了窗体和一些常用控件的前缀，以供参考。,2.3 常用控件,表2-1 控件命名约定,2.3.2 标签（Label）1作用：显示文字2属性（1）Name:标签名(前缀lbl),如登录出错标签名：lbl_LoginError （2）Text：用于设置标签的文本内容；lbl_LoginError.Text = “请重新输入用户名和密码！”;（3）AutoSize：True-根据文本大小自动调整标签大小， False-不能自动调整标签大小。,2.3 常用控件,2.3 常用控件,（3）BackColor ：设置标签控件的背景颜色 （4）TextAlign：设置标签对齐方式：TopLeft（左上对齐）, TopCenter, TopRight, MiddleLeft, MiddleCenter, MiddleRight, ButtonLeft, ButtonCenter, ButtonRight。,图2.11 用户登录界面,2.3 常用控件,例2-2（2）在用户登录窗体中添加显示用户名、密码、登录出错信息的三个标签，如图2.11所示。（1）工具箱 | 公共控件 | Label | 拖动Label 到窗体中。（2）设置标签属性如下：表2-2 标签属性设置,2.3.3 文本框（TextBox、RichTextBox和MaskedTextBox ）1作用：用于接收输入或显示输出信息。（1）TextBox：普通文本框。（2）RichTextBox：处理特殊格式(RTF)的文本编辑框。（3）MaskedTextBox：格式化输入、输出的数据的文本框。,2.3 常用控件,2属性（1）Name：前缀“txt”，如txt_User，txt_Psd （2）Text：接收输入或显示输出文本信息。如图2.12中，用户输入的用户名和密码通过TextBox控件的Text属性得到。将用户名和密码赋值给字符串sUser和sPsd的代码如下：string sUser=txt_User.Text; string sPsd=txt_Psd.Text;,2.3 常用控件,（3）PasswordChar属性:用于设置输入密码的替代字符，如”*”。 （4）UseSystemPasswordChar属性：设置为“true” 则用Windows系统中默认的密码替代字符“*”。,2.3 常用控件,图2.12 用户登录界面,例2-2（3）在用户登录窗体中添加输入用户名、密码信息的二个文本框控件，如图2.12所示。（1）工具箱 | 公共控件 | TextBox | 拖动TextBox 到窗体中。（2）设置文本框属性如下：,2.3 常用控件,（5）TextAlign：Left、Right和Center。（6）MultiLine：True：输入多行文本， False：输入单行文本。（7）ScrollBars： None -无滚动条，Horizontal -水平滚动条， Vertical-垂直滚动条， Both-水平、垂直滚动条。 仅在MultiLine=True时有效。（8）MaxLength属性：用于设置最大字符数0-可接收任意字符数。取值为n时，只能接收n个字符。,2.3 常用控件,（9）ReadOnly属性: True:只读，False,编辑 。（10）Lines属性:当文本框设置为多行时，每行为一个字符串，Line用于表示字符串数组。（11）Mask属性Mask属性是MaskedTextBox控件特有的属性，包含覆盖字符串，覆盖字符串类似于格式字符串，使用Mask字符串可以设置允许的字符数、允许字符的数据类型和数据的格式。如：00000000学年,2.3 常用控件,2.3 常用控件,图2.13 设置自定义格式,2.3 常用控件,3常用事件（1）TextChanged事件在Text属性值发生变化时，该事件被触发。private void txt_User_TextChanged(object sender, EventArgs e) textBox1.Text = 软件31131班庆祝中华人民共和国成立60周年; （2）KeyDown、KeyPress和KeyUp事件焦点在控件的情况下，按下键盘按键或释放键盘按键时该事件被触发。,2.3.4 按钮（Button）1作用单击按钮执行一条命令，命令内容由事件过程代码确定。2属性（1）Name属性 :前缀“btn”,如btn_Login,btn_Exit。（2）Text：设置按钮文字标题,如登录。（3）Enabled：True，按钮可操作；False，按钮不能操作。（4）Image属性：用来设置按钮控件的背景图像,2.3 常用控件,在属性窗口中单击Image属性栏的省略按钮，弹出“选择资源”对话框（如图2.14所示）。选择图像的两种方式：（1）从本地资源中选择图像，单击“导入”按钮，选取图片即可。（2）从项目的资源文件中选取图像，直接在列表中选取图像即可。如果所需图像未列在列表中，点击“导入”按钮，从本地选择图片导入，然后再从列表中选取即可。,2.3 常用控件,图2.14 导入本地资源图片,2.3 常用控件,2.3 常用控件,图2.15 用户登录界面,3常用事件（1）Click事件在单击按钮控件时触发按钮的Click 事件。（2）DoubleClick事件用户双击按钮控件时触发按钮的DoubleClick事件。,例2-2（4）在用户登录窗体中添加登录与退出按钮控件，如图2.15所示,编写用户登录验证程序。（1）工具箱 | 公共控件 | Button | 拖动Button 到窗体中。（2）设置按钮属性如下：表2-5 按钮属性设置,2.3 常用控件,（3）编写登录验证程序双击登录按钮进入代码编辑器界面，输入代码如下： private void btn_Login_Click(object sender, EventArgs e) string sUser = txt_User.Text; string sPsd = txt_Psd.Text; if (sUser =zhou ,2.3 常用控件,（4）编写退出按钮事件程序双击退出按钮进入代码编辑器界面，输入代码如下： private void btn_Exit_Click(object sender, EventArgs e) this.Close(); ,2.3 常用控件,课堂小结,1.属性（数据成员）、方法（成员函数）与事件（控件对操作动作的响应）2.窗体作用：放置控件的容器3.窗体Form(frm)（1）属性:Name、Text、Location、Size、 Font、 ForeColor、 BackColor（2）事件：Load、 Click、 DoubleClick、 MouseClick,课堂小结,4.标签Lable(lbl)属性：Name、Text、 TextAlign5.文本框TextBox（txt)、 MaskedTextBox、 RichTextBox（1）属性：Name、Text、 PasswordChar、 MultiLine、 ScrollBars、 Mask。（2）事件：TextChanged、 KeyDown、KeyPress、KeyUp6.按钮Button（btn) （1）属性：Name、Text、 Enabled、 Image （2）事件：Click、 DoubleClick,实验：完成图2.15所示用户登录界面设计。,图2.15 用户登录界面,2.3 常用控件,2.3.5 列表框（ListBox）1作用：（1）列出多个项目供用户选择。 （2）对项目进行添加、删除、编辑和排列 。2属性（1）Name属性 ：前缀“lst”，如用户列表：lst_User。 （2）Items属性：用于获取、添加、删除、编辑项目编辑项目方法：选择列表框控件 （lst_User）， 单击属性窗 中Items 栏中省略按钮， 进入图2.16所示的编辑对话框，可添加、删除、编辑项目。,2.3 常用控件,图2.16 列表编辑对话框,2.3 常用控件,Items属性的常用方法Add方法：给列表框添加新项目格式：ListBox.Items.Add(“新项目”);RemoveAt方法：删除列表框中指定项目格式：ListBox.Items.RemoveAt(“项目序号”);Clear方法：清除列表框所有项目格式：ListBox.Items.Clear();,2.3 常用控件,Count属性：统计列表框中项目数格式：ListBox.Items.Count;Insert方法：在列表框当前行插入新项目格式：ListBox.Items.Insert(行号，“新项目”）；,（3）SelectedItem属性：用于设置和获取在列表框中选中的项目。例如要获取列表框lst_User所选中的项目，并在标签控件lbl_Item上显示，实现代码如下：lbl_Item.Text = lst_Uuser.Items. SelectedItem.ToString ();（4）SelectedIndex属性:用于设置和获取列表框中选中项目的序号。（5）Sorted属性:True，排序;False，不排序。,2.3 常用控件,2.3 常用控件,图2.17 用户管理窗体,例2-3创建用户管理窗体（frm_UserManager），添加列表框、标签、文本框与按钮，如图2.17所示,编写按钮事件处理程序，实现项目的添加、插入、删除、统计与清空操作。（1）工具箱 | 公共控件 | 将ListBox等控件拖动到窗体中。（2）设置属性如下：,表2-6 控件属性设置,2.3 常用控件,（3）编写按钮事件驱动程序/添加按钮事件驱动程序 private void btn_Add_Click(object sender, EventArgs e) lst_User.Items.Add(管理员); ,2.3 常用控件,/插入按钮事件驱动程序private void btn_Insert_Click(object sender, EventArgs e) int index = lst_User.SelectedIndex; if (index =0) lst_User.Items.Insert(index, 程序员); else MessageBox.Show(请选择当前行后再插入！); ,/删除按钮事件驱动程序private void btn_Delete_Click(object sender, EventArgs e) int index = lst_User.SelectedIndex; if (index = 0) lst_User.Items.RemoveAt(index); else MessageBox.Show(请选择行后再删除！); ,2.3 常用控件,/统计按钮事件驱动程序 private void btn_Count_Click(object sender, EventArgs e) txt_Count.Text = Convert.ToString(lst_User.Items.Count);,2.3 常用控件,/清空按钮事件驱动程序 private void btn_Clear_Click(object sender, EventArgs e) lst_User.Items.Clear(); /显示当前项目用户事件驱动程序 private void lst_User_SelectedIndexChanged(object sender, EventArgs e) txt_User.Text = Convert.ToString(lst_User.SelectedItem); ,2.3 常用控件,3常用方法（1）ClearSelected方法：用于清除列表框中的选择状态，即清除列表框使所有项均不被选中。（2）FindString方法：用于查找列表框中第一个以指定字符串开头的字符串，例如FindString（“学生”）就是查找列表框中第一个以“学生”开头的字符串。,2.3 常用控件,2.3 常用控件,4常用事件（1）SelectedIndexChanged事件在列表框中改变选择行时触发 SelectedIndexChanged 事件。（2）TextChanged事件在Text属性更改时引发TextChanged事件。（3）Click事件：单击事件。（4）DoubleClick事件：双击事件。,2.3.6 组合框（ComboBox）1作用:将文本框与列表框组合在一起，实现两者的功能。2属性（1）Name属性 ：前缀“cbo”，如，cbo_Class。（2）DropDownStyle属性:设置三种用户界面：Simple：始终显示列表。DropDown：下拉列表框，文本部分可编辑。DropDownList：下拉列表框，文本部分不可编辑。,2.3 常用控件,（3）组合框的Items属性、SelectedItem属性、SelectedIndex属性和Sorted属性和列表框类似，这里不再赘述。如，用组合框控件选择学生班级。通过Items属性输入软件30731、网络30701、网络30731、计算机30731班级名称，运行效果如图2.18所示。,2.3 常用控件,图2.18 用组合框选择班级,2.3 常用控件,3常用事件（1）DropDown事件：当打开组合框的列表时触发。（2）SelectedIndexChanged事件：在SelectedIndex属性被修改时触发。（3）KeyDown、KeyPress和KeyUp事件：当焦点在控件上并且键盘的按键被按下或被释放时触发。键盘按键事件被触发的顺序为： KeyDown，KeyPress，KeyUp。（4）TextChanged事件：在程序中修改或在用户交互过程中修改 Text 属性时被触发。,2.3 常用控件,2.3.7分组框（GroupBox）（位于容器组件中）1作用：为其他控件提供分组的容器， （1）为了获得清晰的用户界面而将相关的窗体元素进行可视化分组。 （2）编程分组，如对单选按钮进行分组。 （3）为了在设计时将多个控件作为一个单元来移动。,2.3 常用控件,2.常用属性（1）Name属性：前缀“grp”（2）Text属性：用于设置分组框标题文字。（3）Font和ForeColor属性：用于改变分组框的文字大小与颜色。 注意： Font不仅会改变分组框控件的Text属性的文字外观，同时也改变其内部控件显示的Text属性的文字外观。,2.3.8 单选按钮（RadioButton）1作用:用于多选一操作。2属性（1）Name属性 ：前缀“rbtn”。（2）Text属性：用来设置选项按钮显示的文本。（3）Checked属性：若按钮被选中，则Checked为True，否则Checked属性为False。3CheckedChanged事件单选按钮的选中状态改变时触发这个事件。,2.3 常用控件,2.3.9 复选框按钮（ChechBox）1作用:用于多项选择操作。（如考试中的多项选择题）2属性（1）Name属性:前缀“chk”。（2）Text属性:用来设置复选框显示的文本。（3）Checked属性:若复选框被选中，则Checked为True，否则Checked为False, 复选框显示为未选中状态。3CheckedChanged事件在复选框的选中状态Checked属性被改变时触发。,2.3 常用控件,2.3 常用控件,例2-4 在用户管理窗体（frm_UserManager）中，添加列表框、组合框、按钮、标签、单选按钮、复选按钮、文本框与分组框控件，如图2.19所示,编写按钮事件处理程序，实现用户的添加、删除操作。（1）工具箱 | 公共控件 | 将控件拖动到窗体中。（2）设置窗体属性：Name:frm_UserManagerText:用户管理（3）设置控件属性如表2-7所示。,2.3 常用控件,图2.19 用户管理系统窗体界面,2.3 常用控件,表2-7 控件属性设置,表2-7 控件属性设置,2.3 常用控件,（4）编写按钮事件处理程序/添加按钮事件处理程序 private void btn_Add_Click(object sender, EventArgs e) string sUser = cbo_User.Text; lst_User.Items.Add(sUser); ,2.3 常用控件,/删除按钮事件处理程序 private void btn_Delete_Click(object sender, EventArgs e) int index = lst_User.SelectedIndex; if (index = 0) lst_User.Items.RemoveAt(index); else MessageBox.Show (请选择用户后再删除！); ,2.3 常用控件,/修改按钮事件处理程序 private void btn_Update_Click(object sender, EventArgs e) int index = lst_User.SelectedIndex; if (index = 0) lst_User.Items.RemoveAt(index); lst_User.Items.Insert(index,cbo_User.Text ); else MessageBox.Show (请选择用户后再修改！); ,2.3 常用控件,/退出按钮事件处理程序 private void btn_Exit_Click(object sender, EventArgs e) this.Close(); ,2.3 常用控件,2.3.10 图片框（PictureBox）1作用：输入输出图像，如图2.20所示。2. 属性（1）Name:前缀“pic”（2）Image属性：用来设置图片框控件上显示的图像。设置方式与Button按钮的背景图像类似。（3）ImageLocation属性：用于获取或设置要在图片框中显示图像的路径。图像的路径可以是本地磁盘的绝对路径，也可以是相对路径以及在网络上的Web位置。,2.3 常用控件,图2.20 在图片框中加入图片,2.3 常用控件,（4）SizeMode:选择图片显示模式Normal: 正常模式。AutoSize:图片框随图片大小而变化。StretchImage:图片大小根据框大小而自动伸缩。CenterImage:图片自动位于图片框中间。Zoom:缩放方式,3Load方法：将图像装入图片框中。格式：Load(“盘符:路径文件名.jpg(或.bmp)”)例如，将图像文件:d:C#data黄金虎.bmp装入图片框pic_Image的代码为：pic_Image.Load(d:c#data黄金虎.bmp);,2.3 常用控件,2.3.11 计时器控件（Timer）（组件类控件）1.作用: 每隔一个时间，引发一个计时事件。2.属性和事件（1）Interval属性：用于设置时间间隔,单位为毫秒。如：Interval设置为1000，则程序运行时，每隔1秒种引发一次计时Tick事件。（2）Enabled属性：为True时，启动计时器工作， 为False时，停止计时器工作。（3）Tick事件：计时器间隔时间到，引发一次事件。,2.3 常用控件,设计程序界面时，将控件由工具箱中拖放到窗体上后，应对各个控件的位置、大小、间距等进行调整，对窗体上的所有控件进行整体布局，这样才能设计出既美观又实用的程序界面。,2.4 控件布局,图2.21鼠标单击控件出现8个小方块(拖拽柄),2.4.1调整控件位置和大小（1）移动控件 用鼠标单击控件出现8个小方块（称为“拖拽柄”）,如图2.21所示，按住鼠标可移动控件。 用“、”键也可移动控件。（2）调整控件大小 将鼠标移到控件的“拖拽柄”上，然后按住鼠标进行拖放，可调整控件大小。 用“Shift”+“、” 调整控件大小。,2.4 控件布局,（3）成组选择控件 按住“Shift”键，用鼠标逐个单击控件可成组选择控件； 也可通过鼠标的拖放，将需要选中控件用方框围起来。（4）设计等高或等宽控件 先在窗体上同时选中要进行处理的各个控件（作为标准的控件应第一个选中）； 再执行菜单命令：格式使大小相同宽度（或高度或两者），如图2.22所示。,2.4 控件布局,2.4 控件布局,图2.22 控件等高等宽设计,图2.23 控件对齐设计,2.4.2 控件对齐处理 设计界面时需对一组控件进行对齐处理（左对齐、右对齐、中间对齐、顶端对齐等）。 先选中要进行对齐控件（作为标准的控件应第一个选中）；再执行菜单命令：格式对齐左对齐等，如图2.23所示。,2.4 控件布局,2.4.3 控件间距调整（1）选中需要调整的一组控件。（2）对于纵向排列的一组控件，可通过执行“格式”菜单中的“垂直间距”子菜单中的相应命令来调整彼此间的间距,如图2.23所示。（3）对于横向排列的一组控件，可通过执行“格式”菜单中的“水平间距”子菜单中的相应命令来调整彼此间的间距，如图2.24所示。说明：上述布局工作也可用布局工具栏实现，如图2.25所示。,2.4 控件布局,图2.24 调整控件与水平与垂直间距,图2.25 布局工具栏,2.4 控件布局,【例2-5】完成如图2.26所示的学生档案查询界面设计。1程序功能当用户单击“查询”按钮时,根据用户设定的查询条件读取学生档案信息，并将学生信息显示在学生信息列表中。2设计步骤程序界面按照功能进行划分，大致分为四部分，分别是：设置查询条件，显示学生档案信息，显示查询结果和查询状态。,2.5程序界面设计示例,图2.26 学生档案查询窗体界面,（1）创建学生档案查询系统项目解决方案项目解决方案名称：ex2_5.sln项目解决方案存放路径：d:C#ex2_5学生档案查询窗体属性设置：Name：frm_StuFindText:学生档案查询Size:800,600,2.5程序界面设计示例,（2）设置查询条件 查询条件按“选择院系和班级”、“查询条件”、“选择校区”、“学生类别”和“查询”、“打印”按钮设计，使用的控件列表如表2-8。 表2-8 设置查询条件的控件列表,2.5程序界面设计示例,2.5程序界面设计示例,2.5程序界面设计示例,2.5程序界面设计示例,（3）显示学生档案信息学生个人档案信息的显示分为4部分，运用的控件设置如表2-9所示。表2-9 学生档案信息显示控件列表,2.5程序界面设计示例,2.5程序界面设计示例,2.5程序界面设计示例,（4）查询结果显示和查询状态显示查询结果记录区用来记录已经查询到的查询结果，状态显示区用来显示程序当前运行的状态。,2.5程序界面设计示例,表2-10 查询结果显示和查询状态显示控件列表,2.5程序界面设计示例,（5）编写程序代码本例中信息的处理是通过单击“查询”按钮执行的，所以相关的用于信息处理的代码语句应放在btn_Find按钮的Click事件中。双击设计器窗口中的btn_Find按钮，Click事件的框架代码将被自动添加到代码编辑器中，然后添加执行代码如下。,2.5程序界面设计示例,rivate void btn_Find_Click(object sender, EventArgs e) txt_Xibu2.Text = cbo_Xibu.Text;txt_Banji2.Text = cbo_Banji.Text;txt_Xingming2.Text = txt_Xingming.Text;txt_Xuehao2.Text = txt_Xuehao.Text;txt_Xingbie2.Text = txt_Xingbie.Text;txt_Shenfenzheng.Text = 300002851010;txt_Youbian2.Text = 214073;txt_Dianhua2.Text = 0510-88888888;txt_Jiangkang.Text = 良好;,2.5程序界面设计示例,if (rbtn_Zhongqiao.Checked ) txt_Xiaoqu2.Text = 中桥校区; if (rbtn_Taihu.Checked ) txt_Xiaoqu2.Text = 太湖校区; if (rbtn_Meiyuan.Checked ) txt_Xiaoqu2.Text = 梅园校区; ,if (rbtn_Zaixiao.Checked ) txt_Leibie2.Text = 在校学生; if (rbtn_Biye.Checked ) txt_Leibie2.Text = 毕业学生; if (rbtn_Xiuxue.Checked ) txt_Leibie2.Text = 休学学生; ,2.5程序界面设计示例,2.5程序界面设计示例,lst_Jilu.Items.Add(txt_Xibu2.Text+ +txt_Banji2.Text+ + txt_Xuehao2.Text + +txt_Xingming2.Text + +txt_Xingbie2.Text+ +txt_Xiaoqu2.Text+ +txt_Leibie2.Text); ,2.5程序界面设计示例,（6）编译、调试与运行编译：菜单 | 生成 | 生成解决方案 或 重新生成解决方案 | 调试：菜单 | 启动调试 | 编译后的出错信息将显示在屏幕下方，根据出错提示进行程序代码的修改。若无错则运行程序，界面如图2.25所示。,本章小结,1、窗体（frm)（1）窗体用于设计应用程序界面，是放置控件的容器。（2）属性:Name(frm)、Size、Location、Font、ForeColor、BackColor、Text。（3）方法：Close()。（4）事件：Load、Click、DoubleCilck等。2、控件（1）GoupBox(grp): Name、Text（2）Label(lbl): Name、Text,（3）TextBox(txt)、RichTextBox、 MaskedTextBox:Namw、Text、PasswordChar、Masked （4）ListBox(lst): Name、Text、Items、Add()（5）ComboBox(cbo): Name、Text、Items、Add()（6）Button(btn)： Name、Text、Image、Click()（7）RadioButton(rbtn): Name、Text、Checked、CheckedChange(),本章小结,（8）CheckBox(chk): Name、Text、Checked、CheckedChange()（9）PictureBox(pic): Name、Image、 SizeMode、Load()3、控件布局（1）移动（2）调整大小（3）等间距（4）等大小作业：习题二 2.4 ,2.6 ,2.8 ，2.10 ,2.11 ,2.12,本章小结,