《第三章设计系统的简单用户界面》由会员分享，可在线阅读，更多相关《第三章设计系统的简单用户界面（35页珍藏版）》请在金锄头文库上搜索。
1、第三章设计系统的简单用户界面章节任务任务一：创建关于窗体任务二：创建登录窗体任务三：创建收费窗体章节目标l掌握基本控件Label、Button、RadioButton、CheckBox、PictureBox、NumericUpDown、Panel及GroupBox的使用l掌握文本框控件TextBox、RichTextBox及MaskedTextBox的使用l掌握列表类控件ListBox、ComboBox及CheckedListBox的使用在项目开发中，界面设计是一个非常重要的方面，因为它是获取用户操作和向用户提供相关功能的主要手段。好的界面可以让使用者容易掌握、赏心悦目，把操作看作是一种享受而
2、不是负担。VS2005提供了丰富的控件，大大简化了界面设计过程。本章先介绍控件的常用属性、方法及事件，然后介绍常用的一些简单控件的使用。3.1 控件中常用的属性、方法控件中常用的属性、方法及事件及事件每个控件都有自己的属性、方法以及响应键盘和鼠标操作的事件。学习控件的关键是要注意这些属性、方法和事件的灵活应用。对窗体及大部分控件来说，有一些常用的属性、方法和事件都是相同的，为避免介绍的内容重复，这里首先将窗体及控件共有的属性、方法和事件抽取出来做一些简单介绍。控件和窗体常用属性：控件和窗体常用属性：Name、Enabled、Font、BackColor、ForeColorLocation、Si
3、ze、Text、Visible、AutoCheck、AutoScale、AutoScrollAutoSize、BackgroundImage、BorderStyleCancelButton、Checked、ContextMenu、ControlBoxCursor、FlatStyle、FontColor、HelpButton、IconImage、ImageAlign、ImageIndex、ImageList、IntervalItems、LargeChange和SmallChange、LockedMaximizeBox和MinimizeBox、Maximum和MinimumMultiLine、Op
4、acity、ScrollBars、StartPositio、StyleTabIndex、TextAlign、WindowState控件和窗体常用方法：控件和窗体常用方法：Dispose：释放控件使用的所有资源Focus：为控件设置输入焦点Refresh：刷新控件BringToFront：调整控件所处层次，移到上一层（重叠的控件有一个Z顺序）Hide：隐藏控件ToString()：获取当前控件类型的字符串描述：System.Windows.Forms.ButtonSendToBack()：调整控件所处层次，移到下一层Select()：激活控件GetType：获取当前实例的类型FindForm：检
5、索控件所在的窗体控件和窗体常用事件：控件和窗体常用事件：l常用鼠标事件Click：单击鼠标左键时触发MouseDoubleClick：双击鼠标左键时触发MouseEnter：鼠标进入控件可见区域时触发MouseMove：鼠标在控件区域内移动时触发MouseLeave：鼠标离开控件可见区域时触发l常用键盘事件KeyDown：按下某个键时触发KeyUp：释放按键时触发KeyPress：释放按键后触发课堂演示【例3-1】演示鼠标和键盘事件的触发条件，触发顺序，显示各个事件所传递的参数内容。一些操作技巧（1）凡是通过设计界面添加的事件，要想使代码不再与某个事件关联，应该在设计界面下通过点击属性窗口下的
6、“”标记完成。（2）如果希望控制设计窗体中各控件响应键的顺序，应该通过主菜单“视图”“Tab键顺序”操作，操作完成后，再单击“视图”“Tab键顺序”返回到正常设计界面模式下。（3）如果希望对变量换名，不应该在代码编辑模式下一个个修改，而应该先选中该变量，然后单击鼠标右键，选择“重构”“重命名”完成换名操作。（4）对设计窗体中各控件的位置布局时，应该充分利用主菜单下的快捷按钮，这样可以节省很多布局时间，从而大大提高设计效率。3.2 常用控件介绍常用控件介绍Label控件控件Label控件通常用来提供其他控件的描述性文字，和文本框控件一起使用得多一些PictureBox控件控件PictureBox
7、控件用于显示图像。图像可以是BMP、JPEG、GIF、PNG、元文件或图标。控件的SizeMode属性确定图像在控件中的大小和位置，可以是AutoSize、CenterImage、Normal和StretchImage；ClientSize属性，可以改变PictureBox的显示区域大小。Button控件控件l常用属性：常用属性：FlatStyle：决定当鼠标移过按钮时以及单击按钮时按钮的外观Image：可以在按钮上显示一幅图像而不仅仅是文本ImageAlign：设置按钮上的图像的对齐方式。可供选择的值由ContentAlignment枚举提供ImageIndex用来指定在图像列表控件中的哪个
8、图像显示在按钮上ImageList确定一个图像列表控件,和ImageIndex属性联合，用来指定在按钮上显示的图像TextAlign指定按钮上的文本的对齐方式。同ImageAlign属性一样可以利用ContentAlignment枚举中的值用法：Button控件最常见的用法是编写处理按钮Click事件的代码。CheckBox控件控件属性如下：Appearance：选择控件的外观，可以是标准的复选框形式，也可以是按钮形式（当选中时，按下按钮）AutoCheck：当单击时，CheckBox控件是否自动改变状态。默认值是trueCheckAlign：指定CheckBox控件的对齐方式Checked：
9、获取或指定CheckBox控件是否选中的布尔值。假如使用三状态的CheckBox控件，那么没有选中的选项返回false，而选中的返回trueCheckState：同Checked属性相似，但是使用的不是布尔值，而是CheckState枚举。主要用于三状态的情况ThreeState：用来指定CheckBox控件是三状态控件还是两状态控件RadioButton控件RadioButton，有时称为选项按钮，一般用作一个组。RadioButton控件允许用户从几个选项中选择一个。当同一个容器中有多个RadioButton控件时，一次只能选择一个按钮。RadioButton典型的属性有Appearanc
10、e、CheckedAlign及Checked。GroupBox控件GroupBox控件是一个容器控件，它可以在一组控件外添加边框和标题。作为一个容器控件，GroupBox控件可把某些自己的属性（比如说，Enabled、Visible等）应用到它所容纳的控件上，另外，它也可以将控件分组，实现编程的需要。Panel控件Panel控件就是包含其他控件的控件，是一个容器控件。它把控件组合在一起，放在一个面板上，这样更容易管理控件：比如，可以禁用面板，从而禁用该面板上的所有控件；比如，面板上有过多的控件要显示，可把该控件的AutoScroll属性设置为true，这样就可以滚动显示所有的控件了。面板在默认
11、情况下不显示边框，可把Panel控件的BorderStyle属性设置为none以外的其他值，就可以用面板通过边框可视化地组合相关控件，这样使用户界面更友好。NumericUpDown控件NumericUpDown控件看起来像是一个文本框与一对可单击以调整值的箭头的组合，它的主要功能是通过单击上下箭头按钮或者使用键盘上的上下箭头来按设置好的增量改变数值，也可在控件的文本框部件中键入一个数字来增大和减小数字。单击向上键时，值向最大值方向移动；单击向下键时，值向最小值方向移动。主要属性如下：Value：设置NumericUpDown控件中当前选择的数字Maximum：NumericUpDown控件中
12、数值的最大值，默认为100Minimum：NumericUpDown控件中数值的最小值，默认为0Increment：用户单击向上或向下箭头时，数值的增量，默认为1ReadOnly：设置是否允许用户编辑NumericUpDown控件的值ProgressBar控件在Windows操作系统中复制文件时，表达复制进度的控件就是ProgressBar控件。该控件指示某个操作正在进行，用户需等待的这个过程的可视化表示。常用属性、方法如下：Minimum和Maximum属性：对应于进度指示器的最左端和最右端。Step属性：确定每次调用PerformStep方法时数值的增量。Text属性:通知用户已完成了操作
13、的百分数或还未处理的条目数。BackgroundImage属性:定制进度条的外观。Increment方法:递增在方法调用中传入的值。Value属性返回ProgressBar的当前值。TextBox控件与RichTextBox控件TextBox和RichTextBox都是文本框控件，派生于一个共同的基类TextBoxBase，两者都具有类似的属性。两者都提供了对剪切板操作（Cut()、Copy()、Paste()）的内置支持，以及利用Undo(）方法对取消操作的支持。两者都支持的一个事件是TextChanged,一旦文本框中的内容被改变，这个事件就被激活。这可以用来阻止用户向文本框中输入某些类型
14、的数据。两者都具有如下属性：Text：把整个文本框内容返回为一个字符串,TextLength是返回的文本字符串的总长AcceptsTab：决定在文本框中按tab键是向文本中播入一个制表符，还是把焦点转移到下一个控件上AutoSize：当字体的大小改变时让控件自动调整尺寸大小HideSelection：当设成false值时，如控件失去焦点，则醒目显示的文本将不再出现MaxLength：指定在文本框中可以容纳的最大字符数目Modified：当文本框从最后一次创建或者设置开始，其中的内容被用户改变时，这个属性就返回trueMultiline：决定文本框中是不是可以容纳多行文本将影响到Enter键的功
15、能。Lines：文本框中的每一行都是字符串数组的一部分。这个数组通过Lines属性来访问SelectedText：返回当前在文本框中选中的文本SelectionLength：返回当前在文本框中选中的字符数SelectionStart：获取或设定在控件中选中的文本的插入点WordWrap：一个多行的文本框控件是否具有自动换行的功能TextBox控件TextBox是工具箱中最常用的控件之一，提供了基本的文本输入和编辑功能，相对于前述属性而言，增加的属性如下示：AcceptsReturn：在一个多行文本框控件中，确定回车键是接受为一个换行符，还是用来激活窗体上的默认按钮CharacterCasing
16、：确定文本框中文本的大小写：Lower会使所有的文本小写，Upper则把所有的文本转变为大写，Normal把文本显示为输入时的形式。PasswrodChar：获取或设定密码字符串。假如密码以多个“*”显示，则属性设定为“*”ScrollBars：获取或设定在多行文本框中出现的滚动条TextAlign：获取或设定在控件中的文本对齐方式RichTextBox控件RichTextBox控件支持rtf格式，增加了对文本字体格式选择、URL和加粗文本的支持。RichTextBox使用Selection属性SelectionFont、SelectionColor、SelectionBullet可以修改格式
17、，使用SelectionIndent、SelectionRightIndent、SelectionHangingIndent可以修改段落的格式。所有Selection属性的工作方式都相同：如果有一个突出显示的文本段，对Selection属性的修改就会影响选中的文本；如果没有选中文本，这些修改就对当前插入点后面的文本起作用。RichTextBox控件的文本可以使用Text属性或Rtf属性提取。Text属性只返回控件的文本，而Rtf属性返回带格式的文本。RichTextBox控件的LoadFile方法可以从文件中加载文本。它也可以使用一个表示文件名和路径的字符串，把控件中的数据存储在指定的文件中。
18、如果文件已经存在，就覆盖它。RichTextBox使用的大多数事件与TextBox使用的事件相同，如下是几个不同的事件：LinkedClick在用户单击文本中的链接时，引发该事件Protected在用户尝试修改已经标记为受保护的文本时，引发该事件SelectionChanged在选中文本发生变化时，引发该事件。如果因某些原因不希望用户修改选中的文本，就可以在该事件中禁止修改MaskedTextBox控件MaskedTextBox控件，也叫掩码文本框，它的主要作用是控制输入文本的格式。如果输入的内容不满足规定的格式，则控件不会接收该输入。常用的基本属性如下：InsertKeyMode：指定向掩码
19、文本框输入字符时的键入模式，其属性值有：Default、Insert、Overwrite三种，分别表示键入模式为默认的插入/改写状态、插入状态及改写状态。PromptChar：指定作为占位符的字符，用于指示用户需要输入的字符长度，默认的占位符为下划线“_”，需要修改时可以直接在属性后的空白处输入指定字符Mask：设置当前掩码文本框输入字符的格式。单击Mask属性后的【】按钮，在弹出的窗口中进行编辑：其中一些是设置好的时间、电话号码的格式供选择，若不能满足要求，也可以选择自定义格式，或者在Mask属性后的空白处直接输入自定义格式AllowPromptAsInput：指定是否允许将占位符看作有效的
20、输入字符，true为允许，false为不允许，默认值为trueResetOnPrompt：决定当输入字符与占位符相同时，是否跳过当前输入字符的位置。若设置为true，则跳过输入的字符，光标直接到下一字符位置；若设置为false，则检查该字符是否为允许接收的字符，若不符合格式要求，则不接收，默认值为trueTextMaskFormat：表示由掩码文本框的Text属性得到的字符串中是否包含占位符、分隔符的内容。该属性共有4个选项：ExcludePromptAndLiterals表示占位符和分隔符均不包含；IncludePrompt表示仅包含占位符；IncludeLiterals表示仅包含分隔符；I
21、ncludePromptAndLiterals表示占位符和分隔符均包含HidePromptOnLeave：指示若当前控件未处于活动状态时，是否显示占位符。若属性值为true时，表示当控件不是活动状态，隐藏占位符；若属性值为false时，即使控件不是活动状态，仍然显示占位符常用的掩码和分隔符：0：数字“0”“9”&：键盘可输入字符9：数字“0”“9”、空格（space）A、a：字母与数字#：数字“0”“9”、空格（space）、“+”、“-”：强制将其后输入的字母转换为大写.：小数分隔符，即小数点:：时间分隔符-：连接分隔符/：日期分隔符，：数字分隔符$：货币符号ListBox、ComboBox
22、控件和CheckedListBox控件ComboBox、ListBox和CheckedListBox统称为列表类控件，派生于一个共同的基类ListControl。该类控件的主要功能是给列表添加数据和选择数据。具体使用哪个列表控件取决于控件中项的用法和数据类型。如果需要选择或查看控件的多个列表选项，最好使用ListBox和CheckedListBox。如果一次只选择一个选项，就使用ComboBox。ListBox控件ListBox控件可以调整大小，同时显示一定数目的选项，它可以配置成允许选择单个或多个选项。它甚至可以以多列的方式来显示选项。不过，对开发人员而言，ListBox控件最有用的地方是它
23、可以滚动选项，这意味着2个选项或者50个选项都占据相同的控件。ListBox控件的常用属性如下：ScrollAlwaysVisible：决定滚动条是一直显示还是只在必要的时候显示SelectedIndex：返回当前选中的选项的索引号,从0开始如果是-1,则说明没有选中任何选项。如果选中了多个选项，则返回选中的最小索引号SelectedIndices：返回选中的选项的索引集。如果返回的是空集，则说明没有选中任何选项SelectedItem：返回选中的选项的字符串值如果是null的话，则说明没有选中任何选项SelectedItems：返回包含所有选中的选项的字符申值的集合。SelectionMod
24、e：决定用户选择选项的模式，可以是None、One、MultiSimple、MultiExtended。选择One值，则在ListBox控件中只能选择一个选项；选择MultiSimple值时，可以同时选中几个选项；选择MultiExtended值时，用户可以单击一个选项来选中它，并且可以通过Shift键单击来选中一系列选项，或者通过Ctrl键十单击来添加一个选项Sorted：若设置True成的话，则ListBox控件总是按照字母顺序显示选项。TopIndex：返回在ListBox控件中可见的第一个选项的索引号。ComboBox控件ListBox控件的一个变种就是ComboBox控件。除了视觉效
25、果以外，ComboBox控件与众不同的地方是它可以当作TextBox控件来使用。这样用户可以手动输入一个在选项列表中没有列出的选择。属性如下：droppedDown：指出ComboBox控件是否处于下拉状态DropDownStyle：设置组合框的样式，有三个枚举值：DropDown、DropDownList和Simple。DropDown：组合框的文本部分是可以编辑的，用户可以输入值。用户必须单击箭头按钮，才能显示列表文本部分；DropDownList：不能编辑。用户必须从列表中选择；Simple：类似于DropDown，但列表总是可见的。MaxdropDownItems：决定了在ComboB
26、ox控件的下拉部分中出现的选项的最大数目。取值范围是1-100，必要的时候会出现滚动条MaxLength：决定了用户在ComboBox控件的文本部分可以输入的最大字符数目DropDownWidth：如果列表中的值比较宽，就可以使用该属性改变控件下拉部分的宽度。MaxDropDownItems：设置在显示列表的下拉部分时的最大项数。SelectedText：返回ComboBox控件的文本部分中当前选中的文本SelectionLength：返回ComboBox控件的文本部分中当前选中的文本的长度Style：这决定ComboBox控件的显示类型。可以是DropDown（文本可编辑，用户必须单击来打开
27、选项列表）,DropDownList（文本不可编辑）,和Simple（文本可编辑，选项列表总是显示）Text：返回ComboBox控件的编辑部分中的当前文本CheckedListBox控件CheckedListBox控件，即复选框列表控件。它提供一个项列表，每一项都是一个复选框。当窗体中所需的复选框选项较多时，或者需要在运行时动态的决定有哪些选项时，使用此控件比较方便。属性描述如下：Items：描述控件对象中的所有项。单击属性列表中的Items属性后的【】按钮，即可以在对话框中添加CheckedListBox控件中要显示的各项，每一项占一行MutiColumn：决定是否可以以多列的形式显示各项
28、。当然，只有在控件对象的指定高度内无法完全显示所有项，且该属性值为true时，才会分为多列显示各项。若MutiColumn属性值为false，则控件对象会根据项的多少自动显示滚动条，以便使用户可以看到列表中的所有项ColumnWidth：当控件对象支持多列时，指定各列所占的宽度CheckOnClick决定是否在第一次单击某复选框时即改变其状态SelectionMode指示复选框列表控件的可选择性。对于CheckedListBox控件，该属性只有两个可用的值None和One，其中None值表示复选框列表中的所有选项都处于不可选状态；One值则表示复选框列表中的所有选项均可选Sorted表示控件对
29、象中的各项是否按字母的顺序排序显示CheckedItems用于获取控件对象中选中项的集合。注意，该属性是只读的，不能人为设置其值CheckedIndices表示控件对象中选中索引的集合综合案例制作【综合案例3-1】制作关于窗体【综合案例3-2】制作登录窗体【综合案例3-3】制作收费窗体小结本章介绍了常用的一些基本控件的属性、事件及其使用实例，包括基本控件Label、Button、RadioButton、CheckBox、PictureBox、NumericUpDown、Panel和GroupBox；文本框控件TextBox、RichTextBox、MaskedTextBox及列表类控件ListBox、ComboBox和CheckedListBox。最后，通过综合案例演练了本章控件的实际使用。
