第八章 可视化程序设计

1、第第8章章 可视化应用程序设计可视化应用程序设计内容提要：内容提要： 可视化应用程序的含义可视化应用程序的含义 Windows窗体的基本属性窗体的基本属性 控件的概念、共有的属性、事件和方法控件的概念、共有的属性、事件和方法 常用的控件常用的控件目的要求：目的要求： 理解属性和事件的意义理解属性和事件的意义 掌握控件共有的属性、事件和方法掌握控件共有的属性、事件和方法 掌握常用控件的用法掌握常用控件的用法重点难点：重点难点： 常用控件及控件的属性、事件和方法常用控件及控件的属性、事件和方法 8.1 Windows窗体窗体 Windows应用程序设计是作为图形用户界面（应用程序设计是作为图形用户

2、界面（GUI）设计的。用户通过一些简单的操作（如鼠标的点击）来设计的。用户通过一些简单的操作（如鼠标的点击）来引发一些事件。引发一些事件。 Windows应用程序的界面是以窗体（应用程序的界面是以窗体（Form)为基础为基础的，窗体是的，窗体是Windows应用程序的基本单位，是一小块屏应用程序的基本单位，是一小块屏幕区域，主要用来向用户展示信息和接受用户的输入。幕区域，主要用来向用户展示信息和接受用户的输入。名称说明Click在单击控件时发生。DoubleClick当用户双击Button控件时发生。DragDrop在完成拖放操作时发生。DragEnter在将对象拖入控件的边界时发生。Drag

3、Leave在将对象拖出控件的边界时发生。DragOver在将对象拖到控件的边界上发生。EnabledChanged在Enabled属性值更改后发生。Enter进入控件时发生。GotFocus在控件接收焦点时发生。表表4-1-1 常用的控件事件常用的控件事件名称说明KeyDown在控件有焦点的情况下按下键时发生。KeyPress在控件有焦点的情况下按下键时发生。KeyUp在控件有焦点的情况下释放键时发生。Layout在控件应重新定位其子控件时发生。Leave在输入焦点离开控件时发生。LocationChanged在Location属性值更改后发生。LostFocus当控件失去焦点时发生。Mous

4、eClick在鼠标单击该控件时发生。MouseDoubleClick当用户使用鼠标双击Button控件时发生。续表续表名称说明MouseDown当鼠标指针位于控件上并按下鼠标键时发生。MouseEnter在鼠标指针进入控件时发生。MouseHover在鼠标指针停放在控件上时发生。MouseLeave在鼠标指针离开控件时发生。MouseMove在鼠标指针移到控件上时发生。MouseUp在鼠标指针在控件上并释放鼠标键时发生。MouseWheel在移动鼠标轮并且控件有焦点时发生。Move在移动控件时发生。Paint在重绘控件时发生。续表续表名称说明PreviewKeyDown在焦点位于此控件上的情况

5、下，当有按键动作时发生（在KeyDown事件之前发生）。Resize在调整控件大小时发生。SizeChanged在Size属性值更改时发生。TabIndexChanged在TabIndex属性值更改时发生。TextChanged在Text属性值更改时发生。VisibleChanged在Visible属性值更改时发生。续表续表 8.1.1 Windows窗体的基本属性窗体的基本属性 1. 窗体的名称属性（窗体的名称属性（Name） 设置窗体名称，设置窗体名称， 该属性值主要用于在程序代码中引用窗该属性值主要用于在程序代码中引用窗体。窗体的名称被默认为体。窗体的名称被默认为Form1；添加第；添加

6、第2个窗体，默认为个窗体，默认为Form2，依次类推。，依次类推。 2. 窗体的标题属性（窗体的标题属性（Text） Text属性用于设置窗体标题栏显示的内容，字符串。属性用于设置窗体标题栏显示的内容，字符串。 3. 窗体的控制菜单属性窗体的控制菜单属性 (1) ControlBox属性属性:用来设置窗体上是否有控制菜单用来设置窗体上是否有控制菜单 (2) MaximizeBox属性属性:用于设置窗体上的最大化按钮用于设置窗体上的最大化按钮 (3) MinimizeBox属性属性 :用于设置窗体上的最小化按钮用于设置窗体上的最小化按钮 4. 影响窗体外观的属性影响窗体外观的属性（1）FormB

7、orderStyle属性属性:用于控制窗体边界的类型，有用于控制窗体边界的类型，有7个可选个可选值值 。 None、Fixed3D、FixedDialog、FixedSingle、 Sizable、FixedToolWindow、SizableToolWindow （2）Size属性属性：用来设置窗体的大小。：用来设置窗体的大小。 （3）Location属性属性：设置窗体在屏幕上的位置，即设置：设置窗体在屏幕上的位置，即设置 窗体左上角的坐标值。窗体左上角的坐标值。 （4）BackColor属性属性：用于设置窗体的背景颜色，可以从弹出的调色：用于设置窗体的背景颜色，可以从弹出的调色 板中选择。

8、板中选择。（5）BackgroundImage属性属性：用于设置窗体的背景图像。：用于设置窗体的背景图像。 （6）Opacity属性属性：该属性用来设置窗体的透明：该属性用来设置窗体的透明 度，其值为度，其值为100%时，时，窗体完全不透明；其值为窗体完全不透明；其值为0%时，窗体完全透明。时，窗体完全透明。 C#提供了多窗体处理能力，在一个项目中可创建多个窗提供了多窗体处理能力，在一个项目中可创建多个窗体，添加新窗体的方法。体，添加新窗体的方法。8.1.3 设置启动窗体属性设置启动窗体属性 8.1.2 创建窗体创建窗体编写一个简单的编写一个简单的Windows窗体的步骤：窗体的步骤： 1.设

9、计应用程序窗体设计应用程序窗体 （1）创建空白窗体）创建空白窗体 （2）设置窗体属性）设置窗体属性 2.向窗体添加控件向窗体添加控件 3.为控件添加事件为控件添加事件 图图4-1-26 文本格式编辑文本格式编辑 8.2 控件概述控件概述 窗体就好像一个容器，其他界面元素都可以放置窗体就好像一个容器，其他界面元素都可以放置在窗体中。一般来说，用户设计的窗体都是类在窗体中。一般来说，用户设计的窗体都是类Form的的派生类，用户窗体中添加其他界面元素的操作实际上派生类，用户窗体中添加其他界面元素的操作实际上就是向派生类中添加私有成员。就是向派生类中添加私有成员。 控件是包含在窗体上的对象，是构成用户

10、界面的控件是包含在窗体上的对象，是构成用户界面的基本元素，工具箱中包含了建立应用程序的各种控件，基本元素，工具箱中包含了建立应用程序的各种控件，常用的常用的Windows窗体控件放在窗体控件放在“Windows窗体窗体”选项选项卡下。卡下。 8.2.1 控件的基本属性控件的基本属性 （1）Name属性属性 （2）Text属性属性 （3）尺寸大小）尺寸大小(Size)和位置和位置(Location)属性属性 （4）字体）字体(Font)属性属性 （5）颜色）颜色(BackColor、ForeColor)属性属性 （6）可见）可见(Visable)和有效和有效(Enabled)属性属性 8.2.2

11、 控件共有的属性、事件和方法控件共有的属性、事件和方法 在在 C #C # 中 ， 所 有 控 件 及 类 都 是 继 承中 ， 所 有 控 件 及 类 都 是 继 承System.ObjectSystem.Object类的，它是所有控件与类的基类。类的，它是所有控件与类的基类。System.Object类类1. 当一个类没有规定基类时，编译器会默认当一个类没有规定基类时，编译器会默认把把System.Object类定义其基类，并且所有的派生类类定义其基类，并且所有的派生类都可以利用或覆盖都可以利用或覆盖System.Object类中的函数。类中的函数。 8.3 命令按钮控件命令按钮控件(Bu

12、tton) 1.命令按钮的用途命令按钮的用途 用于接收用户的操作信息，去执行预先规定的命令，用于接收用户的操作信息，去执行预先规定的命令，触发相应的事件过程，以实现指定的功能。触发相应的事件过程，以实现指定的功能。2. 常用属性常用属性（1）Text属性属性：该属性用于设定命令按钮上显示的文本：该属性用于设定命令按钮上显示的文本（2）FlatStyle属性属性：该属性指定了命令按钮的外观风格，它有：该属性指定了命令按钮的外观风格，它有4个可选个可选值。值。 Flat、Popup、System、Standard （3）Image属性属性：用于设定在命令按钮上显示的图形。：用于设定在命令按钮上显示

13、的图形。 （4）ImageAlign属性属性：当图片显示在命令按钮上时，可以通过：当图片显示在命令按钮上时，可以通过ImageAlign属性调节其在命令按钮上的位置。利用此属性在属性窗属性调节其在命令按钮上的位置。利用此属性在属性窗口中调节非常方便。口中调节非常方便。 3. 3. 命令按钮响应的事件命令按钮响应的事件 如果按钮具有焦点，如果按钮具有焦点， 就可以使用鼠标左键、就可以使用鼠标左键、 EnterEnter键或空格键触发该按钮的键或空格键触发该按钮的ClickClick事件。事件。 通过设置窗体的通过设置窗体的AcceptButtonAcceptButton或或CancelButto

14、nCancelButton属性，无论该按钮是否有属性，无论该按钮是否有焦点，都可以使用户通过按焦点，都可以使用户通过按EnterEnter或或EscEsc键来触发按钮的键来触发按钮的ClickClick事件。事件。8.4 标签控件（标签控件（Label） 标签控件的用途标签控件的用途 标签主要用来显示文本。通常用标签来为其他控件显示说标签主要用来显示文本。通常用标签来为其他控件显示说明信息、窗体的提示信息，或者用来显示处理结果等信息。但是，明信息、窗体的提示信息，或者用来显示处理结果等信息。但是，标签显示的文本不能被直接编辑。标签显示的文本不能被直接编辑。2. 2. 标签的常用属性标签的常用属

15、性（1 1）TextText属性属性：用于设置标签显示的内容：用于设置标签显示的内容. .（2 2）AutosizeAutosize属性属性：该属性用于设置标签是否自动调整尺寸，：该属性用于设置标签是否自动调整尺寸，以适应其显示的内容。此属性的系统默认值为以适应其显示的内容。此属性的系统默认值为FalseFalse。（3 3）BorderstyleBorderstyle属性属性：该属性用于设定标签的边框形式，共：该属性用于设定标签的边框形式，共有有3 3个设定值。个设定值。None FixedSingle Fixed3D 3. 3. 标签相应的事件标签相应的事件 标签控件常用的事件有：标签控件

16、常用的事件有：Click(Click(单击鼠标单击鼠标) )事件和事件和DoubleClickDoubleClick（双击鼠标）事件。（双击鼠标）事件。8.5 文本框控件文本框控件 1. 文本框的用途文本框的用途 文本框有两种用途：一是可以用来输出或显示文本信息；二文本框有两种用途：一是可以用来输出或显示文本信息；二是可以接受从键盘输入的信息。是可以接受从键盘输入的信息。2. 常用属性常用属性（1）Text属性属性：应用程序运行时，在文本框中显示的输出信息：应用程序运行时，在文本框中显示的输出信息或通过键盘输入的信息，都保存在或通过键盘输入的信息，都保存在Text属性中。属性中。（2）MaxL

17、ength属性属性：该属性用于设定文本框中最多可容纳的：该属性用于设定文本框中最多可容纳的字符数。字符数。（3）MultiLine属性属性：该属性用于设定文本框中是否允许显示和：该属性用于设定文本框中是否允许显示和输入多行文本。输入多行文本。 (4) (4) ReadOnlyReadOnly属性属性： 该属性用于设定程序运行时，该属性用于设定程序运行时， 能否对文本框中的文本进行能否对文本框中的文本进行 编辑。编辑。(5) (5) ScrollBarsScrollBars属性属性：该属性用于设置文本框中是：该属性用于设置文本框中是 否带有滚动条，有否带有滚动条，有4 4个可选值。个可选值。 N

18、one Horizontal Vertical Both(6) (6) PasswordCharPasswordChar属性属性：该属性用于设置显示文本框：该属性用于设置显示文本框 中的替代符。中的替代符。 3. 3. 本框控件响应的事件本框控件响应的事件 在文本框控件所能响应的事件中，在文本框控件所能响应的事件中，TextChangedTextChanged和和LostFocusLostFocus是最重要的事件。是最重要的事件。 定时器控件是按一定时间间隔周期性地自动触发定定时器控件是按一定时间间隔周期性地自动触发定时器事件（时器事件（Tick）的控件。定时器控件只在设计时出现在）的控件。定

19、时器控件只在设计时出现在窗体下面的面板上，运行时，定时器控件不可见，定时器窗体下面的面板上，运行时，定时器控件不可见，定时器控件的默认名称为控件的默认名称为timer1，timer2等。等。 1. 常用属性常用属性 Enabled: 设置定时器是否运行，若为设置定时器是否运行，若为True就每隔就每隔InterVal属性指定的时间间隔调用一次属性指定的时间间隔调用一次Tick事件。事件。 InterVal: 由于设定自动调用定时器时件由于设定自动调用定时器时件(Tick）的时）的时间间隔，其值以毫秒为单位。间间隔，其值以毫秒为单位。 2. Tick事件事件 定时器控件只响应一个定时器控件只响应

20、一个Tick事件。事件。 8.11 定时器控件定时器控件(Timer)图图4-2-6 文本格式编辑文本格式编辑8.6 单选按钮和复选框单选按钮和复选框 RadioButton控件为用户提供由两个或多个互斥选项控件为用户提供由两个或多个互斥选项组成的选项集。组成的选项集。 常用属性有常用属性有Text和和Checked属性。属性。 当单击当单击RadioButton控件时，其控件时，其Checked属性设置为属性设置为t r u e 。 当。 当 C h e c k e d 属 性 的 值 更 改 时 ， 将 引 发属 性 的 值 更 改 时 ， 将 引 发CheckedChanged事件。事件

21、。 复选框（复选框（CheckBox) 虽然复选框和单选按钮都是提供一些选项给用户进行选择，虽然复选框和单选按钮都是提供一些选项给用户进行选择，但在单选按钮组中一次只能选择一个单选按钮，而在一组复选框但在单选按钮组中一次只能选择一个单选按钮，而在一组复选框中则可以同时选择任意多项。中则可以同时选择任意多项。 CheckBox有两个重要属性有两个重要属性Checked和和CheckState。 Checked属性返回两个值属性返回两个值true(选中选中)和和false(未选中）。未选中）。 CheckState属性用来描述当前状态，该属性的值可以是：属性用来描述当前状态，该属性的值可以是： (

22、1) Checked 控件显示一个选中标记。控件显示一个选中标记。 (2) UnChecked 控件为空。控件为空。 (3) Indeterminate 控件显示一个选中标记并变灰。控件显示一个选中标记并变灰。 CheckBox控件中使用比较多的事件是控件中使用比较多的事件是CheckChanged事件、事件、 CheckStateChanged事件和事件和Click事件。事件。8.7 面板控件和分组框控件面板控件和分组框控件 Panel控件和控件和GroupBox控件是一种容器控件，可以容控件是一种容器控件，可以容纳其他控件，同时给控件分组，一般用于将窗体上的控件根纳其他控件，同时给控件分组

23、，一般用于将窗体上的控件根据其功能进行分类，以利于进行管理。据其功能进行分类，以利于进行管理。 放在放在Panel控件或控件或GroupBox控件内的所有对象将随着控件内的所有对象将随着容器的控件一起移动、显示、消失和屏蔽。容器的控件一起移动、显示、消失和屏蔽。 下面的窗体中，上面的是下面的窗体中，上面的是GroupBox控件，包含了两个命控件，包含了两个命令按钮控件；下面的是令按钮控件；下面的是Panel控件，也包含了两个命令按钮控控件，也包含了两个命令按钮控件。件。 单选按钮控件经常与单选按钮控件经常与Panel控件或控件或GroupBox控件一起使用。控件一起使用。下面的窗体中使用了三个

24、下面的窗体中使用了三个GroupBox控件，每个控件，每个GroupBox都包含都包含了三个单选按钮。了三个单选按钮。图图4-2-9 课程选择课程选择8.9.1 列表框（列表框（ListBox)控件控件 列表框控件提供一个项目列表，用户可以从中选择列表框控件提供一个项目列表，用户可以从中选择一项或多项。一项或多项。 在列表框内的项目称为列表项，列表项的加入是按在列表框内的项目称为列表项，列表项的加入是按一定的顺序进行的，这个顺序号称为索引号。列表框内一定的顺序进行的，这个顺序号称为索引号。列表框内列表项的索引号是从列表项的索引号是从0开始的。开始的。 8.9 列表框、带复选框的列表框和组合框控

25、件列表框、带复选框的列表框和组合框控件 列表框的列表项可以在属性窗口中通过列表框的列表项可以在属性窗口中通过ItemsItems属性属性来设置，也可以在应用程序中用来设置，也可以在应用程序中用Items.AddItems.Add或或Items.InsertItems.Insert方法来添加，用方法来添加，用Items.RemoveItems.Remove（删除指定的列表项）或（删除指定的列表项）或Items.ClearItems.Clear方法（删除全部的列表项）删除。方法（删除全部的列表项）删除。 例：例：this.listBox1.Items.Remove(f); this.listBox

26、1.Items.Remove(f); Items.Insert Items.Insert方法用于把一个列表项插入到列表框的指方法用于把一个列表项插入到列表框的指定位置。定位置。 例：例：this.listBox1.Items.Insert(0,f);this.listBox1.Items.Insert(0,f);8.9.2 带复选框的列表框控件（带复选框的列表框控件（CheckedListBox） 如果需要设置多个如果需要设置多个CheckBox，可以使用，可以使用CheckListBox控控件，设置其件，设置其Items属性，将各个选项加入属性，将各个选项加入CheckBox集合中，建立集合

27、中，建立复选框组。复选框组。 操作步骤：操作步骤： （1）先在窗体中添入）先在窗体中添入CheckedListBox控件。控件。 （2）在属性窗口选择）在属性窗口选择Items属性。属性。 （3）单击）单击Items属性左边的属性左边的“”按钮，打开按钮，打开“字符串集合编辑器字符串集合编辑器（String Collection Editor）对话框）对话框 （4）在对话框中输入各个复选框选项，每个选项以回车键换行。）在对话框中输入各个复选框选项，每个选项以回车键换行。 使用方法使用方法GetItemChecked可以检测可以检测CheckedListBox中的选中的选项是否选中，传入索引值后

28、，若检测到选中，将会返回布尔值项是否选中，传入索引值后，若检测到选中，将会返回布尔值True，否则为，否则为False。 CheckedListBox CheckedListBox控件用来显示一系列列表项的，控件用来显示一系列列表项的，不过每个列表前面都有一个复选项。这样，是否选中不过每个列表前面都有一个复选项。这样，是否选中了某个列表项就可以很清楚地表现出来。了某个列表项就可以很清楚地表现出来。 CheckedListBoxCheckedListBox类是继承了类是继承了ListBoxListBox类而得来的，类而得来的，CheckedListBoxCheckedListBox的大部分属性、

29、事件和方法都来自的大部分属性、事件和方法都来自ListBoxListBox类。如类。如ItemsItems属性、属性、SelectedItemSelectedItem属性、属性、SelectedIndexSelectedIndex属性，属性，Items.AddItems.Add方法和方法和Items.RemoveItems.Remove方法等。方法等。 图图4-2-10字体设置字体设置 组合框是一个文本框和一个列表框的组合。组合框是一个文本框和一个列表框的组合。 组合框控件用于在下拉组合框中显示数据，便于用户从控件组合框控件用于在下拉组合框中显示数据，便于用户从控件下拉列表框的多个选项中作出一

30、个选择，该选项的内容将自动装下拉列表框的多个选项中作出一个选择，该选项的内容将自动装入文本框中，如果列表框中没有所需的选项时，允许在文本框中入文本框中，如果列表框中没有所需的选项时，允许在文本框中直接输入信息。直接输入信息。 组合框有简单组合框、下拉式组合框、下拉式列表框组合框有简单组合框、下拉式组合框、下拉式列表框3种形式。种形式。 DropDownStyle为为Simple时，采用时，采用简单组合框简单组合框，Text属性用来返回属性用来返回或设置文本框中的内容；为或设置文本框中的内容；为DropDown时，采用时，采用下拉组合框下拉组合框，Text属性用来返回列表框中的内容；为属性用来返

31、回列表框中的内容；为DropDownList时，采用时，采用下拉式下拉式列表框列表框，Text属性在程序运行中是只读属性。属性在程序运行中是只读属性。 组合框的常用属性有组合框的常用属性有:Items、DropDownStyle、SelectedIndex等。等。 利用利用Items属性可以添加或者删除项，如果要在程序中添加或属性可以添加或者删除项，如果要在程序中添加或删除项，可以使用删除项，可以使用Items.Add、Items.Insert、Items.Clear或或Items.Remove方法。和方法。和ListBox相似。相似。8.9.3 组合框控件组合框控件(Combox) 该控件用

32、于在应用程序或控件中水平或垂直滚动，以方便地在该控件用于在应用程序或控件中水平或垂直滚动，以方便地在较长的项列表或大量信息中转移。分为水平滚动条较长的项列表或大量信息中转移。分为水平滚动条(HScrollBar)和和垂直滚动条垂直滚动条(VScrollBar)。 滚动条控件使用滚动条控件使用Scroll事件来监视滑块沿着滚动条的移动情况。事件来监视滑块沿着滚动条的移动情况。 滚动条的主要属性有滚动条的主要属性有Value、Minimum、Maximum、SmallChange和和LargeChange 。 Value属性用来设置滑块在滚动条中所处的位置，其默认值为属性用来设置滑块在滚动条中所处的位置，其默认值为0。 Minimum和和Maximum属性用来设置滚动条的范围。属性用来设置滚动条的范围。 SmallChange属性用于控制单击滚动条两边的箭头时，滑块滚属性用于控制单击滚动条两边的箭头时，滑块滚动的值。动的值。 而而LargeChange属性用于当用户在滑块的任何一边单击滚动属性用于当用户在滑块的任何一边单击滚动条轨迹时，滑块滚动的值。条轨迹时，滑块滚动的值。8.10 滚动条控件滚动条控件图图4-3-6 图像浏览器图像浏览器图图4-3-8 散步的猫散步的猫8.8 图形框控件图形框控件 PictureBox控件是专门用于显示图片的控件，控件是专门用于显示