第四课 visual basic控件 教学设计
1教学目标
1、了解对象、属性、事件的基本概念,理解对象名、属性名、属性值得概念。
2、学会VB控件对象属性设置的一般方法。
3、通过电子相册贴近生活的实例制作,提升学习VB的激情和兴趣。
2学情分析
程序设计对初三的学生来说是零起点,但他们对程序设计具有好奇心理,求知欲强。再者,初三年级学生在数学、英语学科的基本知识,对逻辑判断和VB语句识读都提供有利的支持。通过前面的课程学习,学生已经了解了VB的编程环境,能够利用常用控件设计简单的窗体。本课涉及的概念较多,学生对控件的运用才刚刚起步,自我探究的能力还有待提高,学生急于看到自己的编程成果,同时又畏惧程序设计中难以理解的程序代码。尤其是自然语言到计算机语言的转换方面,还需要进行规范和训练。
3重点难点
教学重点:设置图片框控件的Picture属性;LoadPicture()函数的使用。
教学难点:LoadPicture()函数的代码编写。
4教学过程
活动1【导入】试眼力
一起回顾窗体、按钮控件、标签控件、事件等概念。
可是,有位同学的作业却出现了一点问题,大家能不能帮助他找一找,到底哪里出错了?怎么修改呢?
事件触发的对象弄错了
Private Sub Command1_Click()
对象名 事件
连连看:请将以下代码中的事件处理过程与回应的描述连接起来。
Private Sub Command1_Click() 在按钮Command1上单击
Private Sub Label1_DbClick() 改变文本框Text1中的内容
Private Sub Text1_Change() 在Label1上双击
单击按钮1之后,出现了什么?
Label1.Caption = "春意盎然"
对象名称 . 属性 = 属性设置值
活动2【讲授】新授：图片框控件
现在,我们已经完成了一个春的按钮和一句描述春天的标签。感觉怎样?…有点单调对不对?如果能加入生动的图片,就能使这个程序的界面更加丰富多彩。
找一找,控件工具箱中哪个控件可以用来显示图片?
显然就是它了 ,按下图片框控件,在窗体中拖出一块区域用来显示图片,它默认的名字是picture1。
在单击按钮1的事件后,picture1中要出现图片“春”。这句代码我们可以怎样来编写呢?
请同学们阅读学习单中“春”按钮的代码。
Private Sub Command1_Click() 单击按钮1
Picture1.Picture = LoadPicture(App.Path & "春.jpg") 加载图片
Label1.Caption = "春意盎然" 标签内容为
Label1.FontSize = 20 标签文字大小
Label1.ForeColor = vbGreen 标签文字颜色
End Sub 结束
活动3【练习】布置任务1
接下来,让我们一起来欣赏这个四季电子相册完整版,也是我们这节课要完成的作品。
播放电子相册.exe文件。
任务描述:
1、插入图片框控件和其他三个按钮(夏、秋、冬)控件
2、尝试完成其他三个按钮的代码编写(可复制按钮“春”的代码,再进行修改),根据图片内容设置标签文字、及文字的大小和颜色。
教师提供图片素材和微课视频,巡视学生制作情况,加以辅导,注意发现典型作品,进行点评。
活动4【讲授】任务1作业调试
我们一起来看看这位同学的作业,
运行,出现问题,调试。
学生上台帮忙修改代码
师小结:“计算机是一个认真严谨的工具,它会对一般的错误给出提示,但不能因此就依赖它,我们要注重自己在编程、学习中的严谨态度。”
活动5【练习】布置任务2
最后我们给这个电子相册添加一个封面。具体方法请同学看学习单上活动三。操作方法也可以参看微课小助手。
采用设计时加载图片的方法添加封面。
步骤1、选中图片框控件;
2、在属性窗口中找到picture属性;
3、单击右边的“…”按钮,选择要添加的图片。
活动6【讲授】展示任务2并对问题进行讲解
1 安排学生作品展示。
2 对有问题的作品进行调试修改。
有些同学选中窗体,然后把图片加载到了窗体的picture属性中,结果导致了,封面图片没有在图片框中出现,而是加载到了窗体上。
删除的方法是:选中属性窗口的picture属性,然后点击delete删除。
修改的方法是:选中图片框控件,然后到属性窗口中找到picture属性,然后点后面的...按钮选择要加载的图片。
活动7【讲授】小结
对本节课的知识进行小结并进行评价。
图片框控件的作用 加载图片的两种方法 Loadpicture函数的使用
通过使用图片框控件,学习了加载图片的两种方法。其中编写App.Path相对路径的代码是本课的难点,课后要注意巩固练习。
好了,这样一个四季校园的电子相册就完成了。其实我们的校园很美丽,校园处处有风景,需要我们有一双发现美的眼睛。下课
课件11张PPT。第四课 Visual Basic控件活动一：试眼力活动一：试眼力Private Sub Label1_Click()
Label1.Caption = "欢迎来到精彩的VB世界"
End SubPrivate Sub Command1_Click()
Label1.Caption = "欢迎来到精彩的VB世界"
End Sub对 象事件请将VB中的事件处理过程与对应的描述连接起来
Private Sub Command1_Click() 在按钮Command1上单击
Private Sub Label1_DbClick() 改变文本框Text1中的内容
Private Sub Text1_Change() 在label1上双击对象、属性、事件Private Sub Label1_Click()
Label1.Caption = "欢迎来到精彩的VB世界"
End Sub对象名称 . 属性 = 属性设置值Private Sub Command1_Click()
Label1.Caption = “春意盎然"
End SubLabel1.FontSize =40
Label1.ForeColor=vbRed
新授：图片框控件PictureBox新授：添加图片的方法方法1：设计时加载
方法2：运行时，通过LoadPicture函数加载
Picture1.Picture = LoadPicture(App.Path&“文件名”)
注意：程序和图像文件必须在同一目录内
任务1： 制作“四季”按钮控件步骤提示：
1、插入图片框控件和其他三个按钮（夏、秋、冬）控件
2、尝试完成其他三个按钮的代码编写，根据图片内容设置标签文字。
3、拓展题：设置标签中文字的大小和颜色。
vbRed（红）， vbBlack（黑），vbGreen（绿），vbYellow（黄），vbBlue（蓝），vbMagenta（洋红），vbCyan（青），vbWhite（白） 任务2： 给它添加封面采用设计时加载图片的方法添加封面。
1、选中图片框控件，在属性窗口中找到picture属性
2单击右边的“…”按钮，选择要添加的图片。
（参看微课小助手）
小结 label 标签控件
command 按钮控件
picture 图片框控件
加载图片的两种方法
Loadpicture函数的使用
App.path的作用
再 见
