可视化程序开发工具

1、可视化程序开发工具 一、教学目标 （1）熟悉 VB 集成开发环境。 （2）了解可视化编程的一般步骤。 （3）理解控件、对象、属性等基本概念。 （4）学会使用 VB 中的标签、文本框、按钮等基本控件。 二、教学内容分析 建议使用1课时。学生在初学打字的时候，喜欢使用金山文字练习，该软件提供了不少游戏：如地雷战、打地鼠、青蛙过河等，当玩到某一时间，游戏会说：“你输了！还要再来吗？”难道计算机会说话？不，是电脑编程高手赋予电脑会说话的本领。从今天开始，我们将学习用 VB 制作一些简易的程序，学习过程将涉及高级程序语言。 熟悉 VB 的“工作室”，懂得利用 VB 工具箱中的工具设计程序界面；通过例子，

2、了解可视化编程的一般步骤，学会修改对象的属性，加深对“打字测试软件”程序中代码的理解。 三、教学策略 教师在教学中要发挥学生的主体作用，让学生自主探索，在任务的驱动下启发、引导学生主动探究知识，然后上机实践练习，教师总结指导，使学生先掌握操作，后理解理论，对不同组和不同任务的学生，先让他们进行自我评价，再相互评价，教师最后进行评价。 四、教学过程 1. 熟悉 VB 的“工作室” （1） VB 是一种可视化程序设计工具。 可视化：主要是让程序设计人员利用软件本身所提供的各种控件，像搭积木一样构造应用程序的各种界面，然后再编写少量的代码就可构建应用程序。 （2） VB 集成环境。 与大多数软件有共

3、同点，如有标题栏、菜单栏、工具栏、工具箱、工作区。 不同地方： VB 有工程管理器、属性窗口、代码窗口、窗体布局窗口； Photoshop 中也有一个预览全局的窗口，但内容和 VB 不一样； Dreamweaver 中有代码窗口。 （3） 制作一个简单的程序。 启动 VB，创建一个窗体 Form1 。 ( 回顾上节课的内容，如何创建窗体文件？ ) 双击 Form1 窗体，弹出代码窗口 ( 如下图所示 )，左边对话框是对象框，选择“ Form ”，右边列表框是事件过程列表框，选择“ Click ”。 在 Private Sub cmdEnd_Click() 和 End Sub 两行代码之间插入代

4、码： print 欢迎进入 VB 世界！。 保存文件。 选择“文件”菜单中的“保存工程”命令，设置保存位置及文件名，单击“保存”按钮，可保存窗体文件“ *.frm ”。 接着又提示保存工程文件，文件名为“ *.vbp ”。 单击工具栏中的“运行”按钮。程序运行后，会显示一个窗体，当单击窗体时，会显示“欢迎进入 VB 世界！” 如果运行时有借，系统会提示你修改代码，按 F8 功能键停止运行，返回设计界面。 2. 可视化编辑的一般步骤 例：制作一个打字测试程序。 第1步，启动 VB，新建一个 VB 标准 EXE 工程。 第2步，把窗体拉大，在窗体中添加一个文本框控件 TextBox，然后改变文本框

5、大小，选中它，在“属性窗口”中修改“名称”为“ txtInput ”， Text 中的内容为空， MultiLine 值由 False 变为 True 。修改完以后，该控件的对象特征为“ txtInput.text ”。 第3步，再添加两个按钮控件 CommandButton，将一个按钮的名称设为“ cmdStart ”， Caption 设为“开始”；另一个按钮的名称设为“ cmdEnd ”， Caption 设为“结束”。 第4步，添加两个标签控件 Label 和一个文本框控件 TextBox 。 对象 属性 设置值 属性 设置值 Label1 名称 Lbls Caption 速度 Lab

6、el2 名称 Lbld Caption 字/分钟 Text2 名称 txtSpeed Text 第5步，选中窗体 Form1，改变它的属性，将名称设为“ frimTest ”， Caption 设为“打字测试软件”。 讲到这里，我们要弄清几个问题： （1）控件应用程序的基本元素，与窗体共同构成应用程序的界面。 （2）标签控件与文本框控件。 标签控件：主要用来显示不希望被用户修改的文本。 文本框控件：一个文本编辑区域，用户可以在该区域中输入、编辑和显示文本内容。 思考：标签控件与文本框控件有何区别？ 标签控件的特点：只起标签的作用。 文本框控件的特点：可输入文字，它的对象属性只能是 Text，在

7、所有的对象中只有它没有 Caption 。 （3）对象。 在 VB 中，文本框、标签、按钮、列表框、组合框等都是对象，对象的特征即对象的属性，修改对象属性就会改变对象特征。 对象的类型 意义 前缀 名字举例 Form 窗体 Frm frmFind Command 命令按钮 Cmd CmdOK Label 标签 Ibl IblInput TextBox 文本框 txt TxtSource （4）对象名：一般约定对象名由3个小写字母组成的前缀（指明对象的类型）和表示该对象作用的字符组成。 第6步，编写代码。 双击“开始”按钮，弹出代码窗口，在对象列表框中选择“通用”，将光标定位在 Private

8、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 声明变

9、量 intTimeCost 、 intWordCount 的数据类型为整型 dtmEndTime = Time() 给结束时间赋当前系统时间 intTimeCost = DataDiff(s, dtmBeginTime, dtmEndTime) 计算时间，用结束时间减去开始时间 intWordCount = Len(txtInput.Text) 把文本框中的字符串长度传给变量 intWordCount txtSpeed.Text = intWordCount / (intTimeCost / 60) 得出打字速度 = 输入字的个数 / 打字时间 第七步，保存窗体和工程，运行程序。 可视化编程的

10、步骤如图所示。 3. 关于面向对象的程序设计（OOP）的一些相关知识 （1）OOP 以对象为中心，以事件为过程执行的起点。其中，单击“开始”和“结束”按钮都是事件，事件有单击、双击、加载、按键。 （2）方法是对象能够执行的操作。 可视化程序开发工具课后练习1. 练习：比较 VB 和 Word 、 Excel 等常用软件，看看它们的菜单栏、工具栏有何异同？ 2. 尝试修改“打字测试游戏软件”窗体的背景色和字体。 3. 查找相关资料，判断下表中的属性在 VB 中的含义。4.VB 集成开发环境中包括哪些组成部分？ 5.frm 类型的文件与 vbp 类型的文件有什么不同？ 参考答案 1. 菜单栏 相同之处：都有文件、编辑、视图、格式、工具、窗口、帮助菜单。 不同之处： 工具栏 相同之处：有打开、保存、剪切、复制、粘贴、撤销。 不同之处： VB 没有加粗、倾斜、加下划线、颜色、字体按钮，这些字体效果都是在“属性窗口”中设计。 VB 有两个新建文件：一个新建工程，一个添加窗体。 一般软件中只有一个新建文件。2. 略3. 序号 对象属性名 VB 中的含义 序号 对象属性名 VB 中的含义 1 Caption 6 Enabled 决定对象是否响应用户生成事件 2 Font 7 B