可视化程序开发工具

可视化程序开发工具
一、教学目标
（1）熟悉 VB 集成开发环境。

（2）了解可视化编程的一般步骤。

（3）理解控件、对象、属性等基本概念。

（4）学会使用 VB 中的标签、文本框、按钮等基本控件。

二、教学内容分析
建议使用1课时。

学生在初学打字的时候，喜欢使用金山文字练习，该软件提供了很多游戏：如地雷战、打地鼠、青蛙过河等，当玩到某一时间，游戏会说：“你输了！还要再来吗？”难道计算机会说话？不，是电脑编程高手赋予电脑会说话的本领。

从今天开始，我们将学习用 VB 制作一些简易的程序，学习过程将涉及高级程序语言。

熟悉 VB 的“工作室”，懂得利用 VB 工具箱中的工具设计程序界面；通过例子，了解可视化编程的一般步骤，学会修改对象的属性，加深对“打字测试软件”程序中代码的理解。

三、教学策略
教师在教学中要发挥学生的主体作用，让学生自主探索，在任务的驱动下启发、引导学生主动探究知识，然后上机实践练习，教师总结指导，使学生先掌握操作，后理解理论，对不同组和不同任务的学生，先让他们实行自我评价，再相互评价，教师最后实行评价。

四、教学过程
1. 熟悉 VB 的“工作室”
（1） VB 是一种可视化程序设计工具。

可视化：主要是让程序设计人员利用软件本身所提供的各种控件，像搭积木一样构造应用程序的各种界面，然后再编写少量的代码就可构建应用程序。

（2） VB 集成环境。

①与绝大部分软件有共同点，如有标题栏、菜单栏、工具栏、工具箱、工作区。

②不同地方： VB 有工程管理器、属性窗口、代码窗口、窗体布局窗口； Photoshop 中也有一个预览全局的窗口，但内容和 VB 不一样； Dreamweaver 中有代码窗口。

（3）制作一个简单的程序。

①启动 VB，创建一个窗体 Form1 。

( 回顾上节课的内容，如何创建窗体文件？ )
②双击 Form1 窗体，弹出代码窗口 ( 如下图所示 )，左边对话框是对象框，选择“Form ”，右边列表框是事件过程列表框，选择“ Click ”。

③在 Private Sub cmdEnd_Click() 和 End Sub 两行代码之间插入代码： print ″欢迎进入 VB 世界！″。

④保存文件。

选择“文件”菜单中的“保存工程”命令，设置保存位置及文件名，单击“保存”按钮，可保存窗体文件
“ *.frm ”。

接着又提示保存工程文件，文件名为“ *.vbp ”。

⑤单击工具栏中的“运行”按钮。

程序运行后，会显示一个窗体，当单击窗体时，会显示“欢迎进入 VB 世界！”如果运行时有借，系统会提示你修改代码，按 F8 功能键停止运行，返回设计界面。

2. 可视化编辑的一般步骤
例：制作一个打字测试程序。

第1步，启动 VB，新建一个 VB 标准 EXE 工程。

第2步，把窗体拉大，在窗体中添加一个文本框控件 TextBox ，然后改变文本框大小，选中它，在“属性窗口”中修改“名称”为“ txtInput ”， Text 中的内容为空， MultiLine 值由 False 变为 True 。

修改完以后，该控件的对象特征为“ txtInput.text ”。

第3步，再添加两个按钮控件 CommandButton ，将一个按钮的名称设为“ cmdStart ”， Caption 设为“开始”；另一个按钮的名称设为“ cmdEnd ”， Caption 设为“结束”。

第4步，添加两个标签控件 Label 和一个文本框控件 TextBox 。

第5步，选中窗体 Form1，改变它的属性，将名称设为“ frimTest ”， Caption 设为“打字测试软件”。

讲到这里，我们要弄清几个问题：
（1）控件——应用程序的基本元素，与窗体共同构成应用程序的界面。

（2）标签控件与文本框控件。

标签控件：主要用来显示不希望被用户修改的文本。

文本框控件：一个文本编辑区域，用户能够在该区域中输入、编辑和显示文本内容。

思考：标签控件与文本框控件有何区别？ 标签控件的特点：只起标签的作用。

文本框控件的特点：可输入文字，它的对象属性只能是 Text ，在所有的对象中只有它没有 Caption 。

（3）对象。

在 VB 中，文本框、标签、按钮、列表框、组合框等都是对象，对象的特征即对象的属性，修改对象属性就会改变对象特征。

（4）对象名：一般约定对象名由3个小写字母组成的前缀（指明对象的类型）和表示该对象作用的字符组成。

第6步，编写代码。

双击“开始”按钮，弹出代码窗口，在对象列表框中选择“通用”，将光标定位在 Private Sub
cmdStart_Click() 之前，在此输入代码：“ Dim dtmBeginTime As Data,dtmEndTime AS Data ”。

把光标定位在 Private Sub cmd Start-Click() 和 End Sub 两行代码之中，对象会自动变成 cmdStart ，事件过程列表框变为 Click ，输入代码： dtmBeginTime=time 。

双击“结束”按钮，弹出代码窗口，对象会自动变成 cmdStart ，事件变为 Click 输入如下代码：
Dim intTimeCost As Integer, intWordCount As Integer ‘声明变量 intTimeCost 、 intWordCount 的数据类型为整型
dtmEndTime = Time() ‘给结束时间赋当前系统时间
intTimeCost = DataDiff("s", dtmBeginTime, dtmEndTime) ‘计算时间，用结束时间减去开始时间 intWordCount = Len(txtInput.Text) ‘把文本框中的字符串长度传给变量 intWordCount
txtSpeed.Text = intWordCount / (intTimeCost / 60) ‘得出打字速度 = 输入字的个数 / 打字时间 第七步，保存窗体和工程，运行程序。

可视化编程的步骤如图所示。

3. 关于面向对象的程序设计（OO P ）的一
对象
属性
设置值 属性 设置值 Label1 名称 Lbls Caption
速度
Label2 名称 Lbld
Caption 字/分钟 Text2
名称 txtSpeed
Text
对象的类型 意义 前缀 名字举例 Form 窗体 Frm frmFind Command 命令按钮 Cmd CmdOK Label 标签 Ibl IblInput TextBox
文本框
txt
TxtSource
些相关知识
（1）OO P 以对象为中心，以事件为过程执行的起点。

其中，单击“开始”和“结束”按钮都是事件，事件有单击、双击、加载、按键。

（2）方法是对象能够执行的操作。

可视化程序开发工具课后练习
1. 练习：比较 VB 和 Word 、 Excel 等常用软件，看看它们的菜单栏、工具栏有何异同？
2. 尝试修改“打字测试游戏软件”窗体的背景色和字体。

3. 查找相关资料，判断下表中的属性在 VB 中的含义。

4.VB 集成开发环境中包括哪些组成部分？
5.frm 类型的文件与 vbp 类型的文件有什么不同？
[ 参考答案 ]
1. 菜单栏
①相同之处：都有文件、编辑、视图、格式、工具、窗口、协助菜单。

②不同之处：
工具栏
①相同之处：有打开、保存、剪切、复制、粘贴、撤销。

②不同之处：
VB 没有加粗、倾斜、加下划线、颜色、字体按钮，这些字体效果都是在“属性窗口”中设计。

VB 有两个新建文件：一个新建工程，一个添加窗体。

一般软件中只有一个新建文件。

2. 略
序号对象属性名VB 中的含
义
序
号
对象属性名VB 中的含
义
1 Caption 6 Enabled 决定对象是
否响应用户生成
事件
2 Font 7 BackColor 背景色
3 Visible 8 ForeColor 前景色
4 Width 9 BorderStyle 边框样式
5 Top
4. 标题栏、菜单栏、工具栏、工程管理器、窗体设计器、属性窗口、代码窗口、工具箱、窗体布局窗口。

5.frm 类型的文件是窗体文件， vbp 类型的文件是工程文件。

一个工程文件可包含多个窗体文件。