第三章用户界面设计
第三章 用户界面设计
31窗体对象 窗体是应用程序的设计场所,可以包括多个控件 窗体就像一个可调整大小的绘图板,可绘制多种对象, 形成美观的用户界面。 3.1.1窗体的结构 3.1.2窗体的属性 通过修改窗体的属性可以改变窗体内在或外在的 结构特征,控制窗体的外观 [例31设计一程序,程序进入运行状态后,自动将窗 体的大小设置为屏幕大小的一半并使窗体居中显示 并且在窗体上装载一幅图片。点击窗体时窗体上的图 片消失,窗体的背景色会随机发生变化 313设置启动窗体
3.1 窗体对象 窗体是应用程序的设计场所，可以包括多个控件。 窗体就像一个可调整大小的绘图板，可绘制多种对象， 形成美观的用户界面。 3.1.1窗体的结构 3.1.2窗体的属性 通过修改窗体的属性可以改变窗体内在或外在的 结构特征，控制窗体的外观。 [例3-1]设计一程序，程序进入运行状态后，自动将窗 体的大小设置为屏幕大小的一半并使窗体居中显示， 并且在窗体上装载一幅图片。点击窗体时窗体上的图 片消失，窗体的背景色会随机发生变化。 3.1.3设置启动窗体
314窗体的事件 1.鼠标事件 [例3-3]编写程序在窗体上画圆,要求按下shf键时以 鼠标左键按下时的坐标点为圆心,以鼠标释放时的 坐标与圆心点之间的距离为半径画圆 2.键盘事件 3.系统事件 (1)Load事件 (2) Unload事件 (3) Activate和 Deactivate事件 (4) initialize事件
3.1.4 窗体的事件 1.鼠标事件 [例3-3]编写程序在窗体上画圆，要求按下shift键时以 鼠标左键按下时的坐标点为圆心，以鼠标释放时的 坐标与圆心点之间的距离为半径画圆。 2. 键盘事件 3. 系统事件 （1）Load 事件 （2） Unload事件 （3）Activate和Deactivate事件 （4）Initialize事件
3.1.5窗体常用的方法 1.Cls方法 2.Move方法 3.Show方法和Hide方法 32标签与文本框 32.1标签(Labe|) 标签控件的一般功能是显示文本信息。程 序运行时,它显示的文字用户不能直接修改 例3-4设计一程序,窗体上有两个标签框和 个命令按钮。程序运行时,点击命令按钮,标 签框尺寸自动发生变化,以适应其需要显示的 内容
3.1.5窗体常用的方法 1. Cls方法 2. Move方法 3. Show方法和Hide方法 3.2 标签与文本框 3.2.1 标签（Label） 标签控件的一般功能是显示文本信息。程 序运行时，它显示的文字用户不能直接修改。 [例3-4]设计一程序，窗体上有两个标签框和一 个命令按钮。程序运行时，点击命令按钮，标 签框尺寸自动发生变化，以适应其需要显示的 内容
322文本框( TextBox) 文本框( TextBox)是一种通用控件,可 以由用户输入或显示文本信息。 [例3-5]编写一程序,由用户从键盘上输入两个 数,然后求这两个数的和,并将结果显示出来 [例3-6]设置密码。编写程序实现用户名和密码 检验功能。如果用户输入的名字和密码正确, 则进入欢迎界面,否则给出错误提示,并要求 重新输入
3.2.2 文本框(TextBox) 文本框（TextBox）是一种通用控件，可 以由用户输入或显示文本信息。 [例3-5]编写一程序，由用户从键盘上输入两个 数，然后求这两个数的和，并将结果显示出来。 [例3-6]设置密码。编写程序实现用户名和密码 检验功能。如果用户输入的名字和密码正确， 则进入欢迎界面，否则给出错误提示，并要求 重新输入
33计时器 计时器( Timer)控件可以每隔一定的时间就产生 次τimer事件,可以根据计时器的这一特点控制某 些操作,或用于计时。 [例37利用计时器控件在窗体上设计一数字时钟。 [例3-8]一个简单计时器。按“开始”按钮,开始计时, 按钮变为“继续”。按“暂停”按钮,停止计时, 显示记录的时间数。在任何时候按“重置”按钮, 时间读数都将重置为0。 [例39为应用程序设计一界面,界面上的“欢迎参加 水平考试”标题从右向左反复移动
3.3 计时器 计时器（Timer）控件可以每隔一定的时间就产生 一次Timer事件，可以根据计时器的这一特点控制某 些操作，或用于计时。 [例3-7]利用计时器控件在窗体上设计一数字时钟。 [例3-8]一个简单计时器。按“开始”按钮，开始计时， 按钮变为“继续”。按“暂停”按钮，停止计时， 显示记录的时间数。在任何时候按“重置”按钮， 时间读数都将重置为0。 [例3-9]为应用程序设计一界面，界面上的“欢迎参加 水平考试”标题从右向左反复移动
34命令按钮、单选纽、复选框和框架 341命令按钮 1.使用命令按钮的Eη abled属性。 [例310设计一个倒计时程序,窗体上有一标 签用于显示剩余时间,两个命令按钮用于控制 倒计时。当单击命令按钮“开始计时”后,计 时器开始计时,同时此命令按钮变成浅灰色, 表示“失效”。若按“暂停计时”命令按钮, 则计时器停止计时,此时“暂停计时”按钮失 去作用,而“开始计时”按钮恢复原状,可以 使用
3.4 命令按钮、单选纽、复选框和框架 3.4.1 命令按钮 1. 使用命令按钮的Enabled属性。 [例3-10]设计一个倒计时程序，窗体上有一标 签用于显示剩余时间，两个命令按钮用于控制 倒计时。当单击命令按钮“开始计时”后，计 时器开始计时，同时此命令按钮变成浅灰色， 表示“失效”。若按“暂停计时”命令按钮， 则计时器停止计时，此时“暂停计时”按钮失 去作用，而“开始计时”按钮恢复原状，可以 使用
2.使用命令按钮的 Defau属性和 Cancel属性 [例3-11设计一个程序,窗体中有两个命令按 钮和一个标签框。程序运行后若单击“确定 (○K)”,或按回车键,则标签框中显示当天日期, 单击“撤消(ESc)”命令按钮就结束程序运行。 342单选按钮 OptionButton) [例3-12设计一程序,用户界面由4个单选纽、 1个标签和一个命令按钮组成。程序运行后, 单击某个单选钮,就可以将它对应的内容(星 期、日期、月份或年份)显示在标签框中
2.使用命令按钮的Default属性和Cancel属性。 [例3-11] 设计一个程序，窗体中有两个命令按 钮和一个标签框。程序运行后若单击“确定 (OK)”，或按回车键，则标签框中显示当天日期， 单击“撤消(Esc)”命令按钮就结束程序运行。 3.4.2 单选按钮(OptionButton) [例3-12]设计一程序，用户界面由4个单选纽、 1个标签和一个命令按钮组成。程序运行后， 单击某个单选钮，就可以将它对应的内容（星 期、日期、月份或年份）显示在标签框中
343复选框( CheckBox) [例3-13设计一程序,通过复选框来控制用户 界面上的文本框中文字的字体、字型、颜色和 大小 344框架( Frame) 例3-141重新设计例3-13的用户界面,用框架 控件将9个单选按钮分为3组,一组用来改变文 本框中文字的字体;一组用来改变字的大小; 组用来改变字的颜色
3.4.3 复选框(CheckBox) [例3-13]设计一程序，通过复选框来控制用户 界面上的文本框中文字的字体、字型、颜色和 大小。 3.4.4 框架（Frame） [例3-14]重新设计例3-13的用户界面，用框架 控件将9个单选按钮分为3组，一组用来改变文 本框中文字的字体；一组用来改变字的大小； 一组用来改变字的颜色
35列表框、组合框和滚动条 3.51列表框 VB提供的列表框控件,可以列出若干选项供用户 从中任意选择,并对其作某种处理 31编应用程序来判断任意选定的二个数是 1000个整数,用户点击任意一个数,程序就判断该数 是否是素数,并把判断结果显示在标签框中。 3.52组合框 组合框实际上是将列表框和文本框的功能综合而 父能像文不框样,蛋用输人自指楚的因容。 3-161“同构数”是指这样的整数:它恰好出现在 其平方数的右端,例如5和6就是同构数。现要求编写 程序,由用户选择或输入一个两位或三位整数,程 序能判别它是否是同构数
3.5列表框、组合框和滚动条 3.5.1列表框 VB提供的列表框控件，可以列出若干选项供用户 从中任意选择，并对其作某种处理。 [例3-15]编写一应用程序来判断任意选定的一个数是 否是素数，程序运行时，在窗体上的列表框中列出了 1000个整数，用户点击任意一个数，程序就判断该数 是否是素数，并把判断结果显示在标签框中。 3.5.2 组合框 组合框实际上是将列表框和文本框的功能综合而 成的，既可以像列表框一样让用户选择其中的选项， 又能像文本框一样，由用户输入自己指定的内容。 [例3-16] “同构数”是指这样的整数：它恰好出现在 其平方数的右端，例如5和6就是同构数。现要求编写 一程序，由用户选择或输入一个两位或三位整数，程 序能判别它是否是同构数