|
|
|
|
|
|
|
您现在的位置: 算法与程序设计网>> 首页>> 可视化编程
欢迎光临算法与程序设计网!
 
3-1节  可视化编程的概念与方法
 

(作者:杜辉    修改时间:2006年7月10日)

一、       教学目标

1、            知识与技能

掌握可视化编程的一般步骤(建立工程→创建图形用户界面→设置对象属性→编写程序代码→调试运行程序→保存和编译应用程序)。掌握面向对象程序设计语言的基本思想与方法,熟悉对象、属性、方法、事件和事件驱动等概念并学会运用;培养和提升学生利用VB面向对象语言编写程序解决问题的能力

2、            方法与过程

本节将以VB编程的基本步骤为线索,通过对各阶段性问题的解决,形成循序渐进的梯度,组成一个任务链,让学生在“做中学”“学中做”的过程中体验成功之喜悦,通过适当地为学生提供拓展性的内容,充分挖掘学生潜力,让有余力的学生可以有更大空间。

3、            情感态度和价值观

结合高中生想象具有较强的随意性、更富于现实性的身心发展特点,综合反映出面向对象设计技术的应用发展,以及适度的前沿动态,从而激发学生对新技术的追求和向往。

 

二、       重点难点

1、            教学重点

(1)    VB工具箱中的工具设计程序界面

(2)    懂得修改对象的属性

(3)    理解事件与编写的程序代码。

2、            教学难点

理解事件与编写的程序代码。

 

三、       教学环境

1、            教材处理

教材选自《广东省普通高中信息技术选修一:算法与程序设计》第三章第一节,原教材的编排是以知识点为线索,层层深入,通过亲身设计一个简单的程序实践来加深本节知识的理解。

教材经处理后,以一个动画程序制作贯穿始终,是内容编写的一个创新点。以VB编程的基本步骤为线索,通过对各阶段性问题的解决,形成循序渐进的梯度,组成一个任务链,让学生在“做中学”“学中做”的过程中加深知识的理解,通过适当地为学生提供拓展性的内容,充分挖掘学生潜力,让有余力的学生可以有更大的发展空间。它既强调学生进行自主学习、协作学习,又能使学生在学习时有规可依,使学生在程序设计中得到适度的创新体验。

教学方法是以实现“教—扶—放—收”的教学过程,体现“问题情景式任务驱动”的教学方法。任务驱动强调让学生在密切联系学习、生活和社会实际的有意义的“任务”情景中,通过完成任务来学习知识、获得技能、形成能力、内化伦理。

2、            预备知识

学生已掌握了用计算机解决问题的过程,掌握了程序设计基础。

3、            硬件要求

    建议本节课在多媒体电脑教室中完成,最好有广播教学系统或投影仪,为拓展学习,学生机应允许上互联网。

4、            所需软件

学生机要安装VB6.0或以上版本。

5、            所需课时

2课时(100分钟)

 

四、       教学过程

导入:

    网上游戏真可谓是良莠不齐,同学们稍有不慎就陷入虚拟梦幻之中,不能自拔,成为受害者,不但挥霍着父母的血汗钱和自已宝贵又有限的时间,让老师、家人也陷入困境,让人值得思考的是学生们什么时候才能玩上适合的游戏呢?我对大家充满希望。下面我们一起来揭开游戏的神秘面纱。感受一下编程带来的乐趣。

(一)简单游戏的画面:(俄罗斯方块、拼图、战船)分解画面得出:对象的移动是关键的一步。这节课我们一起来学习如何利用VB的可视化编程技术来实现对象的移动。

(二)B可视化编程的概念:
   visual的英文原意是“视觉的”或“可视的”。VB程序员不必再为界面程序花费大量的时间,而是在窗口中选择所需的对象,为其编写代码实现其功能,大大提高了编程的效率。其中界面的制作是直观的,由于VB程序员操作许多可视元素,因此通常编写此类程序被称为可视化编程。哪些是可视元素的对象呢?如下图一

  1、控件:是VB可视化编程的基本操作对象。

如何创建图形用户界面?

                      建立工程:启动VB后,弹出“新建工程”对话框中单击“打开”按钮。

                      控件箱:将需要的控件对象选放到窗体上。

方法:选中控件后,在窗体内拖动即可得(如图二)  

马上行动:

请试创建如图二的图形用户界面。与老师的相比是否差别大?别急好戏在后头呢。

2、对象:VB使用的可视化编程方法,是一种面向对象的编程技术。

(1)    对象的特征:具有外观、大小、位置等属性。

上面我们只是选了对象,还没让每个对象具有其相应的属性。不同对象的属性也不一定相同。(如下图三)

如何设置对象的属性?

    选对象:在界面选取要设置属性的对象,或在属性窗口选择对象。

    修改属性值:

方法一:在其窗口的属性名称选择要修改的属性名,删除其右侧的默认值,  输入要修改的属性值。

方法二:在程序代码中进行设置,语法格式为:

对象名•属性名=属性值

如:Form1.Caption=”跑马灯”

修改的对象属性名与属性值如下:

对象名

属性名

属性值

功能

窗体

[ 名称 ]

form1( 默认 )

窗体的名称

Caption

跑马灯

设置窗体标题栏内容

标签

[ 名称 ]

label1( 默认 )

标签的名称

Caption

欢迎进入 VB世界

设置标签显示的内容

时钟

[ 名称 ]

timer1 、 timer2

时钟的名称

Enabled

false ,false

设置成不响应用户生产事件

Interval

10,10

两次调用时钟控伴事件相隔毫秒数

按钮

[ 名称 ]

command1 、 command2

命令按钮的名称

Caption

开始、结束

设置命令按钮显示的内容

马上行动:

请按上表的数据设置对象的属性。

这样的界面与老师的相比不分上下吧!继续努力,成功等着你。

怎样使标签文字移动呢?原来还要为对象编写代码实现其移动的功能

(2)      事件:指由用户操作触发或系统触发,能被对象所识别并作出响应的动作。

例如:“开始”按钮和“结束”按钮,单击“开始”按钮,文字会来回移动,单击“结束”按钮,文字会停止移动,用户单击操作,引发Click事件,文字形成来回移动的动画效果,引发Timer事件。

对象对事件的反应是程序员为响应对象事件所编写的一段程序代码,也称为事件过程。格式为:

Private Sub 对象名-事件名

……(程序代码)

End Sub
如何编写程序代码?

① 双击“开始”按钮,打开代码窗口,输入如图四command1对象的程序代码。

② 用选择或双击方法,在代码窗口中输入图四的所有对象的程序代码。注意:在代码编写中除文字用输入法外,其它一律用英文输入。否则程序会出现红色的编缉错误。

 马上行动:

 请按图四的内容为该程序编写四个事件过程代码。

(3)    方法:对象除了属性之外,还包含一些控制对象的行动称为方法。即对象所能完成的某种操作。它是对象内部的一段程序代码,通常通过代码的调用才会出现。例如:显示窗体可调用Show方法,关闭窗体可调用Hide方法。

格式为:

对象名•方法名[参数]

例如:Private Sub form_click()

 Form2.Show

 Form1.Hide

 End Sub

(三)程序的运行、保存和编译。

  如何调试运行程序?

 方法有三种:

    在工具栏上有三个按钮可用于调试程序从左到右分别是“启动”、“中断”、“结束”。单击“启动”按钮运行程序。

    按快捷键F5。

    选择主菜单上的“运行”→“启动”选项。

 编写的程序编译生成能够脱离VB环境在Windows平台上独立运行的可执行文件(.exe)。

(四)拓展提示:

a)      你满意现在程序用户界面吗?能进行哪些方面的改进。

b)      如何改变动画的速度或方向?

c)      你希望程序还需完善哪些功能?

马上行动:

  你和同学们能解决以上的问题吗?以合作、交流的方式大胆尝试一下,你会有意外的收获!

(五)本节小结:

VB编程的基本步骤:

  2、对象属性:  

属性名

功能

ForeColor

设置前景色

BackColor

设置背景颜色

Font

设置字体和字号

ScaleHeight

窗体内部垂直高度

ScaleWidth

窗体内部水平宽度

Picture

设置加载的图片

Height

设置高度

Width

设置宽度

top

对象顶端与容器顶端缘之间的距离

left

对象左边与容器左边缘之间的距离

Visible

对象是否可见 true: 可见 false: 不可见

Backstyle

背景是否透明( 0 :透明 1 :不透明)

AutoSize

自动调整大小显示所有内容。

Style

外观是 Win 标准风格还是图形风格

3 、对象事件:

方法名

功能

Click

单击控件响应

Dblclick

双击控件响应

Load

加载内存时响应

Time

时间间隔触发计时

Mousedown

鼠标按下响应

 

 

4 、对象方法:

事件名

功能

Print

向窗体输出信息

Cls

清除窗体的显示内容

Move

移动窗体

Show

显示窗体

Hide

隐藏窗体

Refresh

对一个窗体进行全部重绘

5、加载图片的程序代码:

Private Sub Form_Load()

Form1.Picture = LoadPicture("yy.jpg")

‘在Form1窗体中加载当前目录下的yy.jpg图片文件

 Command1.Picture = LoadPicture("jx_up.jpg")

‘在Command1按钮中加载当前目录下的jx_up.jpg图片文件

End Sub

 

五、       课外拓展

1、            相关资源

东莞中学信息技术网:http://itedu.dgzx.net/Article_Class.ASP?ClassID=32

普通高中技术课程网:http://blog.cersp.com/6002/category/4662.aspx

 

2、            课外练习

小明是小学一年级学生,请你为他设计一个小程序,专门用来练习加法运算。具体讲就是让计算机产生两个整数并组成加法竖式,再从键盘输入一个结果数,最后让计算机来判断结果是否正确。

 

 

版权所有 Copyright© 2006惠东高级中学信息技术组