可视化编程的概念与方法

1、3.1 可视化编程的概念与方法（算法与程序设计教学案例分析1） 均安中学一、教学目标1、知识与技能掌握可视化编程的一般步骤（建立工程创建图形用户界面设置对象属性编写程序代码调试运行程序保存和编译应用程序）。掌握面向对象程序设计语言的基本思想与方法，熟悉对象、属性、方法、事件和事件驱动等概念并学会运用；培养和提升学生利用vb面向对象语言编写程序解决问题的能力。2、方法与过程本节将以vb编程的基本步骤为线索，通过对各阶段性问题的解决，形成循序渐进的梯度，组成一个任务链，让学生在“做中学”“学中做”的过程中体验成功之喜悦，通过适当地为学生提供拓展性的内容，充分挖掘学生潜力，让有余力的学生可以有更大空

2、间。3、 情感态度和价值观结合高中生想象具有较强的随意性、更富于现实性的身心发展特点，综合反映出面向对象设计技术的应用发展，以及适度的前沿动态，从而激发学生对新技术的追求和向往。二、 重点难点1、 教学重点（1） 用vb工具箱中的工具设计程序界面（2） 懂得修改对象的属性（3） 理解事件与编写的程序代码。2、 教学难点理解事件与编写的程序代码。三、 教学环境1、 教材处理教材选自广东省普通高中信息技术选修一：算法与程序设计第三章第一节，原教材的编排是以知识点为线索，层层深入，通过亲身设计一个简单的程序实践来加深本节知识的理解。教材经处理后，以一个动画程序制作贯穿始终，是内容编写的一个创新点。以

3、vb编程的基本步骤为线索，通过对各阶段性问题的解决，形成循序渐进的梯度，组成一个任务链，让学生在“做中学”“学中做”的过程中加深知识的理解，通过适当地为学生提供拓展性的内容，充分挖掘学生潜力，让有余力的学生可以有更大的发展空间。它既强调学生进行自主学习、协作学习，又能使学生在学习时有规可依，使学生在程序设计中得到适度的创新体验。教学方法是以实现“教扶放收”的教学过程，体现“问题情景式任务驱动”的教学方法。任务驱动强调让学生在密切联系学习、生活和社会实际的有意义的“任务”情景中， 通过完成任务来学习知识、获得技能、形成能力、内化伦理。2、 预备知识学生已掌握了用计算机解决问题的过程，掌握了程序设

4、计基础。3、 硬件要求    建议本节课在多媒体电脑教室中完成，最好有广播教学系统或投影仪，为拓展学习，学生机应允许上互联网。4、 所需软件学生机要安装vb6.0或以上版本。5、 所需课时2课时（100分钟）四、 教学过程导入：    网上游戏真可谓是良莠不齐，同学们稍有不慎就陷入虚拟梦幻之中，不能自拔，成为受害者，不但挥霍着父母的血汗钱和自已宝贵又有限的时间，让老师、家人也陷入困境，让人值得思考的是学生们什么时候才能玩上适合的游戏呢？我对大家充满希望。下面我们一起来揭开游戏的神秘面纱。感受一下编程带来的乐趣。（一）简单游戏的画面：（

5、俄罗斯方块、拼图、战船）分解画面得出：对象的移动是关键的一步。这节课我们一起来学习如何利用vb的可视化编程技术来实现对象的移动。（二）b可视化编程的概念： visual的英文原意是“视觉的”或“可视的”。vb程序员不必再为界面程序花费大量的时间，而是在窗口中选择所需的对象，为其编写代码实现其功能，大大提高了编程的效率。其中界面的制作是直观的，由于vb程序员操作许多可视元素，因此通常编写此类程序被称为可视化编程。哪些是可视元素的对象呢？如下图一1、控件：是vb可视化编程的基本操作对象。如何创建图形用户界面？  建立工程：启动vb后，弹出“新建工程”对话框中单击“打开”按钮。 

6、  控件箱：将需要的控件对象选放到窗体上。方法：选中控件后，在窗体内拖动即可得（如图二）马上行动：请试创建如图二的图形用户界面。与老师的相比是否差别大？别急好戏在后头呢。2、对象：vb使用的可视化编程方法，是一种面向对象的编程技术。（1） 对象的特征：具有外观、大小、位置等属性。上面我们只是选了对象，还没让每个对象具有其相应的属性。不同对象的属性也不一定相同。（如下图三）如何设置对象的属性？ 选对象：在界面选取要设置属性的对象，或在属性窗口选择对象。 修改属性值：方法一：在其窗口的属性名称选择要修改的属性名，删除其右侧的默认值，输入要修改的属性值。方法二：在程序代码中进行设

7、置，语法格式为：对象名属性名=属性值如：form1.caption=”跑马灯”修改的对象属性名与属性值如下：对象名 属性名 属性值 功能 窗体 名称 form1( 默认 ) 窗体的名称 caption 跑马灯 设置窗体标题栏内容 标签 名称 label1( 默认 ) 标签的名称 caption 欢迎进入 vb世界 设置标签显示的内容 时钟 名称 timer1 、 timer2 时钟的名称 enabled false ，false 设置成不响应用户生产事件 interval 10，10 两次调用时钟控伴事件相隔毫秒数 按钮 名称 command1 、 command2 命令按钮的名称 capti

8、on 开始、结束 设置命令按钮显示的内容 马上行动：请按上表的数据设置对象的属性。这样的界面与老师的相比不分上下吧！继续努力，成功等着你。怎样使标签文字移动呢？原来还要为对象编写代码实现其移动的功能（2） 事件：指由用户操作触发或系统触发，能被对象所识别并作出响应的动作。例如：“开始”按钮和“结束”按钮，单击“开始”按钮，文字会来回移动，单击“结束”按钮，文字会停止移动，用户单击操作，引发click事件，文字形成来回移动的动画效果，引发timer事件。对象对事件的反应是程序员为响应对象事件所编写的一段程序代码，也称为事件过程。格式为：private sub 对象名-事件名(程序代码)end s

9、ub如何编写程序代码？ 双击“开始”按钮，打开代码窗口，输入如图四command1对象的程序代码。 用选择或双击方法，在代码窗口中输入图四的所有对象的程序代码。注意：在代码编写中除文字用输入法外，其它一律用英文输入。否则程序会出现红色的编缉错误。马上行动：请按图四的内容为该程序编写四个事件过程代码。（3）方法：对象除了属性之外，还包含一些控制对象的行动称为方法。即对象所能完成的某种操作。它是对象内部的一段程序代码，通常通过代码的调用才会出现。例如：显示窗体可调用show方法，关闭窗体可调用hide方法。格式为：对象名方法名参数例如：private sub form_click() f

10、orm2.show form1.hide end sub（三）程序的运行、保存和编译。 如何调试运行程序？方法有三种：  在工具栏上有三个按钮可用于调试程序从左到右分别是“启动”、“中断”、“结束”。单击“启动”按钮运行程序。 按快捷键f5。 选择主菜单上的“运行”“启动”选项。如何保存和编译应用程序呢？窗体文件的类型格式为：.frm；工程文件的类型板式为：.fbp；保存：单击工具栏中的“保存工程”按钮可何在当前工程和窗体文件；选择主菜单的“文件”选项，单击“保存工程”按钮保存程序（与方法相同），也可单击“工程另存为”保存，还可以单击“保存form”保存编译：(编

11、写的程序编译生成能够脱离vb环境在windows平台上独立运行的可执行文件（.exe）。)选择主菜单的“文件”选项，单击“生成工程.exe”按钮选项编译成应用程序。马上行动：将程序保存并编译成可执行文件，给家人或朋友e-mail一个，让成功的喜悦与亲友一起分享吧！（四）拓展提示：a) 你满意现在程序用户界面吗？能进行哪些方面的改进。b) 如何改变动画的速度或方向？c) 你希望程序还需完善哪些功能？马上行动：你和同学们能解决以上的问题吗？以合作、交流的方式大胆尝试一下，你会有意外的收获！（五）本节小结：1、用vb编程的基本步骤：（课本p78图3-11）2、控件工具箱 （课本p77图3-8）3、对

12、象属性： 属性名 功能 forecolor 设置前景色 backcolor 设置背景颜色 font 设置字体和字号 scaleheight 窗体内部垂直高度 scalewidth 窗体内部水平宽度 picture 设置加载的图片 height 设置高度 width 设置宽度 top 对象顶端与容器顶端缘之间的距离 left 对象左边与容器左边缘之间的距离 visible 对象是否可见 true: 可见 false: 不可见 backstyle 背景是否透明（ 0 ：透明 1 ：不透明） autosize 自动调整大小显示所有内容。 style 外观是 win 标准风格还是图形风格 4 、对象事

13、件： 方法名 功能 click 单击控件响应 dblclick 双击控件响应 load 加载内存时响应 time 时间间隔触发计时 mousedown 鼠标按下响应 5 、对象方法：事件名 功能 print 向窗体输出信息 cls 清除窗体的显示内容 move 移动窗体 show 显示窗体 hide 隐藏窗体 refresh 对一个窗体进行全部重绘 6、加载图片的程序代码：private sub form_load()form1.picture = loadpicture("yy.jpg")在form1窗体中加载当前目录下的yy.jpg图片文件command1.picture = loa