第七章用户界面设计
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
10.03.2019
7.2 通用对话框(CommonDialog)
对话框的定义：在基于Windows的应用程序中， 对于既可以向用户显示信息，又可以提示用户输入应 用程序所需数据的窗体。对话框是窗体的一种特殊表 现形式，具有窗体的特性和功能，根据焦点转移方式 的不同，可以分为模式对话框和非模式对话框。 在VB中，经常用的有三类对话框： （1）系统预定义对话框：InputBox、MsgBox （2）通用对话框：打开、保存、颜色、字体等 （3）用户自定义对话框：添加窗体—修改属 性—编写代码。
2. Image(图像框)
作用：图像框仅仅用来显示图像，比图形框占用更少的内存块。图像框内不能存放 其他控件。 属性：Stretch属性=False，图像框可自动改变大小，以适应其中的图形。 Stretch属性=True， 图形可自动调整尺寸，以适应图像框的大小。
3. PictureBox与Image的区别
10.03.2019
2. ProgressBar控件
位于Microsoft Windows Common Control 6.0部件。
Max 属性 Min 属性 MousePointer 属性 BorderStyle 属性 Appearance 属性 Orientation 属性 Scrolling 属性
另存为对话框
颜色对话框 字体对话框
2
3 4
ShowSave
ShowColor ShowFont
打印机对话框
帮助对话框
5
6
ShowPrinter
ShowHelp
该属性只能在程序中被赋值。
17
通用对话框的基本属性和方法
(2) DialogTiltle属性 设置通用对话框标题 (3) CancelError属性 True：选择取消按钮，Err.Number设置为 32755(cdCancel)。 False：选择取消按钮，没有错误警告。
ActiveX控件 ActiveX文档 ActiveX DLL ActiveX EXE ActiveX控件添加到工具箱： 工程/部件----选定控件或右击“工具箱”-----“部件 10.03.2019 ”
ActiveX部件
ActiveX控件与ActiveX DLL/EXE的区别： ActiveX控件： 有界面； 用“工程/部件”命令加载； 工具箱上有图标。 ActiveXDLL/EXE： 没有界面； 用“工程/引用”设置引用； 工具箱上没有图标。
0--Unchecked：未被选定
1--Checked：选定 2--Gray
10.03.2019
1--Graphical：图形方式
2.事件：Click, GotFocus, LostFocus等
因为单击时自动改变状态，故不需要编写过程。 3.方法：Move, SetFocus, Refresh等
7.2.4 颜色对话框
由ShowColor方法打开颜色对话框。 重要属性Color，它返回或设置选定的颜色。 例7.12 为例7.10中的颜色命令按钮编写事件过 程，设置文本框的前景色。 Sub Command3_Click () CommonDialog1.ShowColor Text1.ForeColor = CommonDialog1.Color End Sub
确定
通用对话框仅用于应用程序与用户之间进行信息交互， 是输入输出的界面，不能真正实现文件打开与保存、 设置颜色与字体、打印等操作，如果想要实现这些功 能则需要编程实现。
10.03.2019
通用对话框的基本属性和方法
(1) Action属性和Show方法 打开对话框
通用对话框的类型 打开文件对话框 Action属性 1 Show方法 ShowOpen
18
7.2.2 打开文件对话框
由 ShowOpen方法来实现。 重要属性 : (1) FileName：文件名称，包含路径 (2) FileTitle：文件名，不包含路径 (3) Filter：确定所显示文件的类型 例如：“文本文件|*.txt|所有文件|*.*” 显示文本文件和所有文件 (4) FilterIndex：文件列表中指定某类型文件 (5) InitDir：初始化路径
第七章 用户界面设计
7.1 7.2 7.3 7.4 7.5 7.6 7.7
10.03.2019
常用控件 通用对话框 菜单设计 多重窗体 鼠标和键盘 应用程序向导 综合应用
7.1 常用控件
1. 标准控件
内部控件, 工具箱上的控件20个，是工具箱上的常住成员。
2. ActiveX控件
ActiveX部件：是可以重复使用的编程代码和数据, 是由用ActiveX 技术创建的一个或多个对象所组成 。 ActiveX部件文件：扩展名OCX，在Windows的System32目录中。
4.保存图像文件
SavePicture 对象名.属性，文件名
10.03.2019
把装在窗体、图形框和图像框内的图形保存到图片格式的文件内。
7.1.4 定时器(Timer)
定时器控件以Interval为时间间隔产生 Timer事件。 1.属性 Interval属性 单位：ms(0.001s)，介于0-65535之间，0.5秒是500。 Interval＝0：屏蔽计时器。 Enabled属性（默认属性） True：有效计时 False：停止计时器工作 2.事件 Timer 事件产生条件： Enabled=True; Interval>0 例7.7设计一个倒计时应用程序。 例7.8用一个定时器控制蝴蝶在窗体内的飞舞。
3. 可插入对象
Windows 应用程序的对象；可插入对象可以添加 到工具箱上；同标准控件一样使用。 例如：Microsoft Excel工作表。
10.03.2019
7.1.1单选钮、复选框和框架
一、OptionButton和CheckBox 单选按钮和复选框是常用的选择输入工具； 单选按钮通常成组出现，主要用于处理“多选一”的问 题。用户在一组单选按钮中必须选择一项，且只能选择 一项。 复选框也称检查框、选择框，一组复选框控件可以提供 多项选择，彼此独立，实现“不定项选择”的功能。复 选框用于布尔变量的设置，用于表示状态，允许在开和 关两种状态间切换。
（1）PictureBox是父控件、是容器，而Image不是； （2）PictureBox可以用Print方法显示文本，而Image不能； （3）显示图像时，PictureBox比Image占用内存多； （4）PictureBox用AutoSize属性控制图形框的尺寸而自动适应图形的大小， Image用Stretch属性对图片大小进行调整。 例7.6 图形框Autosize属性与图像框的Stretch属性对加载图形的影响。
例7.2 框架用法示例。
10.03.2019
7.1.2 滚动条(ScrollBar)和进度条(ProgressBar)
1.滚动条
重要属性
（1）Max：滑块最大位置值(缺省为 32767) 范围：-32768~32767 （2）Min：滑块最小位置值(缺省为0) 范围： -32768~32767 （3）SmallChange：最小变动值，单击箭头时移动的增量值。 （4）LargeChange：最大变动值，单击空白处时移动增量值。
10.03.2019
VB提供了一组基于Windows的标准对话框。利用通用对话框控 件可在窗体上创建打开文件、保存文件、颜色、字体、打印等对 话框。
7.2.1 引例
例7.9 通过打开文件对话框，选择一个BMP位图文件，在图形 框中显示该图片。 工程/部件
选定部件 标签
选定Microsoft CommonDialog Control 6.0
例7.1 用单选钮和复选框设置文本框的字体。
Private Sub Command1_Click() Text1.FontName = IIf(Option1, "宋体", "黑体") Text1.FontBold = IIf(Check1 = 1, True, False) Text1.FontItalic = IIf(Check2 = 1, True, False) Text1.FontStrikethrough = IIf(Check3 = 1, True, False) Text1.FontUnderline = IIf(Check4 = 1, True, False) End Sub
10.03.2019
框架的重要属性：
（1）Caption属性：框架标题，默认属性。 （2）Enabled属性 False：标题呈灰色，不允许对框架内对象操作。 （3）Visible属性 True：框架及其控件可见。 False：框架及其控件被隐含起来。 事件：Click、DblClick,一般不需要编写框架的事件过程。
重要属性：
Max、Min：该控件的界限。 Value：决定控件被填充多少。 例7.5 用进度条指示一个大数组的计算进度。 10.03.2019
7.1.3 图形框和图像框
1. PictureBox(图形框)
主要作用：显示图片、作为其他控件的容器、输出图形和文字。 主要属性： （1）Autosize属性设置为True时，图形框能自动调整大小 与显示的图片匹配，但图形大小不能改变。 （2）Picture属性：决定所显示的图形文件，默认属性 在设计时通过属性窗口修改picture属性； 在运行时装入图形通过LoadPicture函数或赋值的方法； 装入图形：Picture1.Picture = LoadPicture(“图形文件名 ”) 装入另一图形框中的图形： Picture1.Picture=Picture2.Picture 10.03.2019 删除图形：Picture1.Picture = LoadPicture(“” )
10.03.2019
InitDir
FileName
FilterIndex
Filter
例7.10编写一个简单的文本文件编辑程序。
10.03.2019
7.2.3 保存文件对话框
由 ShowSave方法来实现 与打开文件对话框的属性基本相同，特有的属性是 DefaultExt属性，用于设置缺省的扩展名 。 例7.11为例7.10中的另存为命令按钮编写代码，保存文 本框内的信息。
Sub Command2_Click () CommonDialog1. DefaultExt=“txt” CommonDialog1.ShowSave Open CommonDialog1.filename For Output As #1 Print #1, Text1.Text '保存文件 Close #1 ' 关闭文件 10.03.2019 End Sub
10.03.2019
1.重要属性
Caption属性：文本标题
Alignment属性：按钮的对齐方式 0：控件钮在左边，标题显示在右边
1：控件钮在右边，标题显示在左边
Value属性：按钮是否被选中,默认属性 单选钮(逻辑型) 检查框（数值型）
True：选定
False：未选定 Style属性：按钮的样式
10.03.2019
二、框架(Frame)
框架是一种容器控 件，用来将窗体上 的控件进行分类整 理，提供视觉上的 区分和总体的激活 或屏蔽特性。
设Caption为 "字体"
框架
框架内控件的创建方法： 方法1：单击工具箱上的工具，然后用出现的“+”指针，在框架 中适当位置拖拉出适当大小的控件。 不能使用双击工具箱上图标的自动方式。 方法2：将控件“剪切”到剪贴板，然后粘贴(Ctrl+V)到框架。
（5）Value：滑块所处位置所代表的值。
10.03.2019
事件：
Scroll：拖动滑块时会触发Scroll事件。 Change：Value属性改变时触发Change事件。
例 用一个文本框显示滚动条滑块当前位置所代表的值。
例7.3计算0~18之间某个数阶乘，数据由滚动条获得。 Max属性为18，Min属性为0， Value初值为0， SmallChange属性为1，LargeChange属性为3 例7.4 设计一个调色板应用程序，使用三个滚动条作为三种基 本颜色的输入工具。
7.2 通用对话框(CommonDialog)
对话框的定义：在基于Windows的应用程序中， 对于既可以向用户显示信息，又可以提示用户输入应 用程序所需数据的窗体。对话框是窗体的一种特殊表 现形式，具有窗体的特性和功能，根据焦点转移方式 的不同，可以分为模式对话框和非模式对话框。 在VB中，经常用的有三类对话框： （1）系统预定义对话框：InputBox、MsgBox （2）通用对话框：打开、保存、颜色、字体等 （3）用户自定义对话框：添加窗体—修改属 性—编写代码。
2. Image(图像框)
作用：图像框仅仅用来显示图像，比图形框占用更少的内存块。图像框内不能存放 其他控件。 属性：Stretch属性=False，图像框可自动改变大小，以适应其中的图形。 Stretch属性=True， 图形可自动调整尺寸，以适应图像框的大小。
3. PictureBox与Image的区别
10.03.2019
2. ProgressBar控件
位于Microsoft Windows Common Control 6.0部件。
Max 属性 Min 属性 MousePointer 属性 BorderStyle 属性 Appearance 属性 Orientation 属性 Scrolling 属性
另存为对话框
颜色对话框 字体对话框
2
3 4
ShowSave
ShowColor ShowFont
打印机对话框
帮助对话框
5
6
ShowPrinter
ShowHelp
该属性只能在程序中被赋值。
17
通用对话框的基本属性和方法
(2) DialogTiltle属性 设置通用对话框标题 (3) CancelError属性 True：选择取消按钮，Err.Number设置为 32755(cdCancel)。 False：选择取消按钮，没有错误警告。
ActiveX控件 ActiveX文档 ActiveX DLL ActiveX EXE ActiveX控件添加到工具箱： 工程/部件----选定控件或右击“工具箱”-----“部件 10.03.2019 ”
ActiveX部件
ActiveX控件与ActiveX DLL/EXE的区别： ActiveX控件： 有界面； 用“工程/部件”命令加载； 工具箱上有图标。 ActiveXDLL/EXE： 没有界面； 用“工程/引用”设置引用； 工具箱上没有图标。
0--Unchecked：未被选定
1--Checked：选定 2--Gray
10.03.2019
1--Graphical：图形方式
2.事件：Click, GotFocus, LostFocus等
因为单击时自动改变状态，故不需要编写过程。 3.方法：Move, SetFocus, Refresh等
7.2.4 颜色对话框
由ShowColor方法打开颜色对话框。 重要属性Color，它返回或设置选定的颜色。 例7.12 为例7.10中的颜色命令按钮编写事件过 程，设置文本框的前景色。 Sub Command3_Click () CommonDialog1.ShowColor Text1.ForeColor = CommonDialog1.Color End Sub
确定
通用对话框仅用于应用程序与用户之间进行信息交互， 是输入输出的界面，不能真正实现文件打开与保存、 设置颜色与字体、打印等操作，如果想要实现这些功 能则需要编程实现。
10.03.2019
通用对话框的基本属性和方法
(1) Action属性和Show方法 打开对话框
通用对话框的类型 打开文件对话框 Action属性 1 Show方法 ShowOpen
18
7.2.2 打开文件对话框
由 ShowOpen方法来实现。 重要属性 : (1) FileName：文件名称，包含路径 (2) FileTitle：文件名，不包含路径 (3) Filter：确定所显示文件的类型 例如：“文本文件|*.txt|所有文件|*.*” 显示文本文件和所有文件 (4) FilterIndex：文件列表中指定某类型文件 (5) InitDir：初始化路径
第七章 用户界面设计
7.1 7.2 7.3 7.4 7.5 7.6 7.7
10.03.2019
常用控件 通用对话框 菜单设计 多重窗体 鼠标和键盘 应用程序向导 综合应用
7.1 常用控件
1. 标准控件
内部控件, 工具箱上的控件20个，是工具箱上的常住成员。
2. ActiveX控件
ActiveX部件：是可以重复使用的编程代码和数据, 是由用ActiveX 技术创建的一个或多个对象所组成 。 ActiveX部件文件：扩展名OCX，在Windows的System32目录中。
4.保存图像文件
SavePicture 对象名.属性，文件名
10.03.2019
把装在窗体、图形框和图像框内的图形保存到图片格式的文件内。
7.1.4 定时器(Timer)
定时器控件以Interval为时间间隔产生 Timer事件。 1.属性 Interval属性 单位：ms(0.001s)，介于0-65535之间，0.5秒是500。 Interval＝0：屏蔽计时器。 Enabled属性（默认属性） True：有效计时 False：停止计时器工作 2.事件 Timer 事件产生条件： Enabled=True; Interval>0 例7.7设计一个倒计时应用程序。 例7.8用一个定时器控制蝴蝶在窗体内的飞舞。
3. 可插入对象
Windows 应用程序的对象；可插入对象可以添加 到工具箱上；同标准控件一样使用。 例如：Microsoft Excel工作表。
10.03.2019
7.1.1单选钮、复选框和框架
一、OptionButton和CheckBox 单选按钮和复选框是常用的选择输入工具； 单选按钮通常成组出现，主要用于处理“多选一”的问 题。用户在一组单选按钮中必须选择一项，且只能选择 一项。 复选框也称检查框、选择框，一组复选框控件可以提供 多项选择，彼此独立，实现“不定项选择”的功能。复 选框用于布尔变量的设置，用于表示状态，允许在开和 关两种状态间切换。
（1）PictureBox是父控件、是容器，而Image不是； （2）PictureBox可以用Print方法显示文本，而Image不能； （3）显示图像时，PictureBox比Image占用内存多； （4）PictureBox用AutoSize属性控制图形框的尺寸而自动适应图形的大小， Image用Stretch属性对图片大小进行调整。 例7.6 图形框Autosize属性与图像框的Stretch属性对加载图形的影响。
例7.2 框架用法示例。
10.03.2019
7.1.2 滚动条(ScrollBar)和进度条(ProgressBar)
1.滚动条
重要属性
（1）Max：滑块最大位置值(缺省为 32767) 范围：-32768~32767 （2）Min：滑块最小位置值(缺省为0) 范围： -32768~32767 （3）SmallChange：最小变动值，单击箭头时移动的增量值。 （4）LargeChange：最大变动值，单击空白处时移动增量值。
10.03.2019
VB提供了一组基于Windows的标准对话框。利用通用对话框控 件可在窗体上创建打开文件、保存文件、颜色、字体、打印等对 话框。
7.2.1 引例
例7.9 通过打开文件对话框，选择一个BMP位图文件，在图形 框中显示该图片。 工程/部件
选定部件 标签
选定Microsoft CommonDialog Control 6.0
例7.1 用单选钮和复选框设置文本框的字体。
Private Sub Command1_Click() Text1.FontName = IIf(Option1, "宋体", "黑体") Text1.FontBold = IIf(Check1 = 1, True, False) Text1.FontItalic = IIf(Check2 = 1, True, False) Text1.FontStrikethrough = IIf(Check3 = 1, True, False) Text1.FontUnderline = IIf(Check4 = 1, True, False) End Sub
10.03.2019
框架的重要属性：
（1）Caption属性：框架标题，默认属性。 （2）Enabled属性 False：标题呈灰色，不允许对框架内对象操作。 （3）Visible属性 True：框架及其控件可见。 False：框架及其控件被隐含起来。 事件：Click、DblClick,一般不需要编写框架的事件过程。
重要属性：
Max、Min：该控件的界限。 Value：决定控件被填充多少。 例7.5 用进度条指示一个大数组的计算进度。 10.03.2019
7.1.3 图形框和图像框
1. PictureBox(图形框)
主要作用：显示图片、作为其他控件的容器、输出图形和文字。 主要属性： （1）Autosize属性设置为True时，图形框能自动调整大小 与显示的图片匹配，但图形大小不能改变。 （2）Picture属性：决定所显示的图形文件，默认属性 在设计时通过属性窗口修改picture属性； 在运行时装入图形通过LoadPicture函数或赋值的方法； 装入图形：Picture1.Picture = LoadPicture(“图形文件名 ”) 装入另一图形框中的图形： Picture1.Picture=Picture2.Picture 10.03.2019 删除图形：Picture1.Picture = LoadPicture(“” )
10.03.2019
InitDir
FileName
FilterIndex
Filter
例7.10编写一个简单的文本文件编辑程序。
10.03.2019
7.2.3 保存文件对话框
由 ShowSave方法来实现 与打开文件对话框的属性基本相同，特有的属性是 DefaultExt属性，用于设置缺省的扩展名 。 例7.11为例7.10中的另存为命令按钮编写代码，保存文 本框内的信息。
Sub Command2_Click () CommonDialog1. DefaultExt=“txt” CommonDialog1.ShowSave Open CommonDialog1.filename For Output As #1 Print #1, Text1.Text '保存文件 Close #1 ' 关闭文件 10.03.2019 End Sub
10.03.2019
1.重要属性
Caption属性：文本标题
Alignment属性：按钮的对齐方式 0：控件钮在左边，标题显示在右边
1：控件钮在右边，标题显示在左边
Value属性：按钮是否被选中,默认属性 单选钮(逻辑型) 检查框（数值型）
True：选定
False：未选定 Style属性：按钮的样式
10.03.2019
二、框架(Frame)
框架是一种容器控 件，用来将窗体上 的控件进行分类整 理，提供视觉上的 区分和总体的激活 或屏蔽特性。
设Caption为 "字体"
框架
框架内控件的创建方法： 方法1：单击工具箱上的工具，然后用出现的“+”指针，在框架 中适当位置拖拉出适当大小的控件。 不能使用双击工具箱上图标的自动方式。 方法2：将控件“剪切”到剪贴板，然后粘贴(Ctrl+V)到框架。
（5）Value：滑块所处位置所代表的值。
10.03.2019
事件：
Scroll：拖动滑块时会触发Scroll事件。 Change：Value属性改变时触发Change事件。
例 用一个文本框显示滚动条滑块当前位置所代表的值。
例7.3计算0~18之间某个数阶乘，数据由滚动条获得。 Max属性为18，Min属性为0， Value初值为0， SmallChange属性为1，LargeChange属性为3 例7.4 设计一个调色板应用程序，使用三个滚动条作为三种基 本颜色的输入工具。