用户界面设计.ppt

用户界面设计.ppt

《用户界面设计.ppt》由会员分享，可在线阅读，更多相关《用户界面设计.ppt（38页珍藏版）》请在冰豆网上搜索。

vb程序设计简明教程程序设计简明教程第第77章章用户界面设计用户界面设计7.1常用控件常用控件7.2通用对话框通用对话框7.3菜单设计菜单设计7.4多重窗体多重窗体7.5鼠标和键盘鼠标和键盘7.6应用程序向导应用程序向导7.7综合应用综合应用本章目录本章目录1vb程序设计简明教程程序设计简明教程7.1常用控件常用控件7.1.1单选按钮、复选框和框架单选按钮、复选框和框架1.1.单选按钮单选按钮（OptionButton）单选按钮以组的形式出现，允许选择一项。

单选按钮以组的形式出现，允许选择一项。

重要属性重要属性Caption属性属性按钮上显示的文本按钮上显示的文本Value属性属性表示单选按钮的状态：

表示单选按钮的状态：

True被选定被选定False未被选定未被选定重要事件重要事件Click事件事件单击后使单击后使Value属性为属性为TrueTrue本章目录本章目录2vb程序设计简明教程程序设计简明教程ValueValue属性值为整型，表示复选框的状态：

属性值为整型，表示复选框的状态：

00vbUnchecked未选定未选定11vbChecked被选定被选定22vbGrayed灰色灰色，并显示一个选中标，并显示一个选中标记。

记。

重要事件重要事件Click事件事件2.复选框复选框（CheckBox）例例7.1通过单选通过单选按钮和复选框设按钮和复选框设置文本框的字体置文本框的字体本章目录本章目录3vb程序设计简明教程程序设计简明教程3.框架框架（Frame）具有容器功能具有容器功能先建立框架，然后将各控件放置其中。

先建立框架，然后将各控件放置其中。

Caption属性属性框架上的标题文本框架上的标题文本框架可以响应框架可以响应ClickClick和和DoubleClickDoubleClick事件，事件，但一般不需要编写事件过程。

但一般不需要编写事件过程。

例例7.27.2框架用法示例框架用法示例本章目录本章目录4vb程序设计简明教程程序设计简明教程7.1.2滚动条和进度条滚动条和进度条滚动条滚动条（ScrollBar）通常附在窗体上协助观察数通常附在窗体上协助观察数据或确定位置，也可作为数据输入工具。

进度条据或确定位置，也可作为数据输入工具。

进度条（ProgressBar）用来指示事务处理的进度。

用来指示事务处理的进度。

滚动条有水平和垂直两种滚动条有水平和垂直两种进度条没有水平垂直之分进度条没有水平垂直之分本章目录本章目录5vb程序设计简明教程程序设计简明教程滚动条属性滚动条属性vValue滑块当前位置的值滑块当前位置的值（缺省为缺省为0）0）vMin滑块最小位置值滑块最小位置值（缺省为缺省为0）0）vMax滑块最大位置值滑块最大位置值vSmallChange单击滚动条两端的箭头时，单击滚动条两端的箭头时，ValueValue属性属性（滑块位置滑块位置）改变值改变值vLargeChange单击滚动条的空白区域时，单击滚动条的空白区域时，ValueValue属性改变值属性改变值本章目录本章目录6vb程序设计简明教程程序设计简明教程滚动条事件滚动条事件Scroll当拖动滑块时触发当拖动滑块时触发Changed改变改变ValueValue属性时触发属性时触发例例7.3计算计算018之间某个数阶乘，数据由滚动条之间某个数阶乘，数据由滚动条获得。

获得。

Max属性为属性为18，Min属性为属性为0，Value初值为初值为0，SmallChange属性为属性为1，LargeChange属性为属性为3例例7.4设计一个调色板应用程序，使用三个滚动设计一个调色板应用程序，使用三个滚动条作为三种基本颜色的输入工具。

条作为三种基本颜色的输入工具。

本章目录本章目录7vb程序设计简明教程程序设计简明教程ProgressBar控件控件Max和和Min设置控件的界限设置控件的界限Value控件执行阶段被填充的数目，直到等于控件执行阶段被填充的数目，直到等于Max属性值。

控件显示的填充数是属性值。

控件显示的填充数是Value属性与属性与Max和和Min属性之间的比值属性之间的比值在对在对ProgressBar编程时，必须先确定编程时，必须先确定Value属属性上限。

例如，下载文件，可将性上限。

例如，下载文件，可将Max设置为文设置为文件长度。

在该文件下载过程中，将件长度。

在该文件下载过程中，将Value属性设属性设置为文件已经下载的字节数。

置为文件已经下载的字节数。

例例7.5用进度条来指示一个大数组的计算进度。

用进度条来指示一个大数组的计算进度。

本章目录本章目录8vb程序设计简明教程程序设计简明教程7.1.3图形框和图像框图形框和图像框图形框图形框PictureBox控件控件作用作用:

显示图片，也可作为其他控件的容器显示图片，也可作为其他控件的容器在程序运行时装入图形在程序运行时装入图形：

图形框图形框.Picture=LoadPicture（图形文件名图形文件名）删除图形框中图形，可用删除图形框中图形，可用LoadPicture（）Autosize属性属性True图形框自动调整大小与图片匹配图形框自动调整大小与图片匹配False图形超过图形框的部分将被剪裁掉图形超过图形框的部分将被剪裁掉本章目录本章目录9vb程序设计简明教程程序设计简明教程图像框图像框Image使用方法与图形框相同。

图像框占用更少的内使用方法与图形框相同。

图像框占用更少的内存，描绘得更快。

图像框内不能存放其他控件存，描绘得更快。

图像框内不能存放其他控件Stretch属性属性False图像框自动改变大小适应其中的图形图像框自动改变大小适应其中的图形True图形根据图像框的大小自动调整尺寸图形根据图像框的大小自动调整尺寸例例7.6本例说明图像框的本例说明图像框的Stretch属性对加载的属性对加载的图形的影响。

图形的影响。

本章目录本章目录10vb程序设计简明教程程序设计简明教程7.1.4定时器定时器定时器以一定的时间间隔产生定时器以一定的时间间隔产生TimerTimer事件事件q属性属性Enabled为为FalseFalse时定时器不产生时定时器不产生TickTick事件事件Interval触发触发Timer事件的时间间隔事件的时间间隔（ms）q事件事件定时器控件只有一个定时器控件只有一个Timer事件事件产生产生Timer事件条件事件条件Enabled=True;Interval0例例7.7设计一个倒计时应用程序设计一个倒计时应用程序例例7.8用一个定时器控制蝴蝶在窗体内的飞舞用一个定时器控制蝴蝶在窗体内的飞舞本章目录本章目录11vb程序设计简明教程程序设计简明教程7.2通用对话框通用对话框VB提供了一组基于提供了一组基于Windows的标准对话框。

利的标准对话框。

利用通用对话框控件可在窗体上创建打开文件、保用通用对话框控件可在窗体上创建打开文件、保存文件、颜色、字体、打印等对话框。

存文件、颜色、字体、打印等对话框。

例例7.9通过打开文件对话框，选择一个通过打开文件对话框，选择一个BMP位位图文件，在图形框中显示该图片。

图文件，在图形框中显示该图片。

通用对话框仅用于应用程序与用户之间进行信息交互，通用对话框仅用于应用程序与用户之间进行信息交互，是输入输出的界面，是输入输出的界面，不能真正实现文件打开、文件存不能真正实现文件打开、文件存储、设置颜色、字体设置、打印等操作，如果想要实储、设置颜色、字体设置、打印等操作，如果想要实现这些功能则需要编程实现现这些功能则需要编程实现。

本章目录本章目录12vb程序设计简明教程程序设计简明教程通用对话框的基本属性和方法通用对话框的基本属性和方法

（1）Action属性和属性和Show方法方法打开对话框打开对话框ShowHelp6帮助对话框帮助对话框ShowPrinter5打印机对话框打印机对话框ShowFont4字体对话框字体对话框ShowColor3颜色对话框颜色对话框ShowSave2另存为对话框另存为对话框ShowOpen1打开文件对话框打开文件对话框Show方法方法Action属性属性通用对话框的类型通用对话框的类型该属性只能在程序中赋值该属性只能在程序中赋值本章目录本章目录13vb程序设计简明教程程序设计简明教程通用对话框的基本属性和方法通用对话框的基本属性和方法

（2）DialogTiltle属性属性设置通用对话框标设置通用对话框标题题（3）CancelError属性属性True：

选择取消按钮，：

选择取消按钮，Err.Number设置设置为为32755（cdCancel）。

False：

选择取消按钮，没有错误警告。

：

选择取消按钮，没有错误警告。

本章目录本章目录14vb程序设计简明教程程序设计简明教程7.2.1打开文件对话框打开文件对话框由由ShowOpen方法来实现方法来实现重要属性重要属性:

（1）FileName文件名称，包含路径文件名称，包含路径

（2）FileTitle文件名，不包含路径文件名，不包含路径（3）Filter确定所显示文件的类型确定所显示文件的类型例如：

例如：

TextFiles|*.txt|所有文件所有文件|*.*显示文本显示文本文件和所有文件文件和所有文件（4）FilterIndex文件列表中指定某类型文件文件列表中指定某类型文件（5）InitDir初始化路径初始化路径本章目录本章目录15vb程序设计简明教程程序设计简明教程FilterFileNameInitDirFilterIndex例例7.10编写一个简单的文本文件编辑程序编写一个简单的文本文件编辑程序本章目录本章目录16vb程序设计简明教程程序设计简明教程7.2.2保存文件对话框保存文件对话框由由ShowSave方法方法来实现来实现与打开文件对话框的属性基本相同，特有的属性与打开文件对话框的属性基本相同，特有的属性是是DefaultExt属性，用于设置缺省的扩展名属性，用于设置缺省的扩展名。

例例7.11为例为例7.107.10中的另存为命令按钮编写代码，保存文本中的另存为命令按钮编写代码，保存文本框内的信息。

框内的信息。

SubCommand2_Click（）CommonDialog1.ShowSaveOpenCommonDialog1.filenameForOutputAs#1Print#1,Text1.Text保存文件保存文件Close#1关闭文件关闭文件EndSub本章目录本章目录17vb程序设计简明教程程序设计简明教程7.2.3颜色对话框颜色对话框由由ShowColor方法方法打开颜色对话框打开颜色对话框重要属性重要属性Color，它返回或设置选定的颜色，它返回或设置选定的颜色例例7.12为例为例7.10中的颜色命令按钮编写事件过中的颜色命令按钮编写事件过程，设置文本框的前景色。

程，设置文本框的前景色。

SubCommand3_Click（）CommonDialog1.ShowColorText1.ForeColor=CommonDialog1.ColorEndSub设置文件框前景颜色设置文件框前景颜色本章目录本章目录18vb程序设计简明教程程序设计简明教程7.2.4字体对话框字体对话框由由ShowFont方法来实现方法来实现例例7.13为例为例7.10中的字体按钮编写设置文本框字体的过程。

中的字体按钮编写设置文本框字体的过程。

Font获取选择的字体获取选择的字体Color选定的颜色选定的颜色显示字体对话框前必须设显示字体对话框前必须设置置Flags属性，否则将发生属性，否则将发生不存在字体错误不存在字体错误。

通常设置为通常设置为H103。

本章目录本章目录19vb程序设计简明教程程序设计简明教程7.3菜单设计菜单设计菜单有下拉式菜单和弹出菜单菜单有下拉式菜单和弹出菜单（上下文菜单上下文菜单）。

下。

下拉式菜单的组成结构：

拉式菜单的