21世纪教育网 –全国领先的中小学教育资源及组卷应用平台
浙教版九年级第一章第二课时教学设计
课题 Visual Basic控件 单元 第二单元 学科 信息技术 年级 九年级
学习目标 信息意识：了解对象、属性、事件的基本概念，理解对象名、属性名、属性值的概念、认识图片框控件计算思维：学会VB控件对象属性设置的一般方法数字化学习与创新：通过电子相册、点餐程序等贴近生活的实例制作，提升学习VB的激情和兴趣
重点 掌握设置图片框控件的Picture属性；LoadPicture( )函数的使用
难点 学会使用App.Path得到相对路径的方法
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 同学们，老师周末去了一趟德克士觉得里面的东西有点意思，你知道是什么吗？老师感兴趣的可不是鸡腿、汉堡，而是这个，大家请看——点餐程序 汉堡、鸡腿、薯条 由学生感兴趣的事情引入课题
讲授新课 这就是用我们前面学习的VB程序设计语言做出来的，你会做吗？现在同学们可能不会，但是学习了今天的课程之后，我们就能够做出这个看似“高级”的点餐程序了。为了做出这个程序，我们首先要来认识新的控件——图片控件，图片控件（PictureBox)主要用来显示图片，实际显示的图片Picture属性决定。通过图片控件添加图片有两种方法：1、设计时加载2、运行时加载我们一起来尝试操作一下，我们打开VB编辑界面。设计时加载：在属性窗口找到Picture属性，单击右边的“…”按钮选择要添加的图片这里我们要进一步来复习和熟悉下两个关键的概念，我们上节课提到过：在面向对象的程序设计中，每一个实体都可以称之为对象，窗体和控件式程序设计中最常见的对象，属性指对象的性质，修改属性值可以修改对象的状态。运行时加载：通过LoadPicture函数来设置Picture的属性函数的参数为图片所在的路径，一个是完整的路径（绝对路径）但是这种路径有点不好的地方，当图片改变位置的话很有可能会找不到了所以我推荐使用相对路径， 通过App.Path得到举例：同学的座位说明绝对路径和相对路径通过学习，大部分同学都会在VB中添加图片，现在我们来完成一个联系，还记得我们上一课完成的小组介绍或者自我介绍的程序吗？我们进一步来完善它，尝试为它添加一张图片介绍，让它更加形象生动。遇到问题：图片大小和图片框控件大小不一样，图片能够添加进去，但是图片显示不全，怎么解决？引导学生学习微课内容解决问题。制作电子相册准备工作：制作电子相册要先准备图片素材，并与工程文件放在同一文件夹中回顾上节课学习编写过程任务分析、界面设计、代码编写、调试运行任务分析：简单的电子相册只需要**控件和**控件就可实现，单击某个按钮，程序显示相应的图片，并在图片框配上相应的文字。课堂练习：通过完成点餐程序来练习图片框控件的使用、窗体、控件的绘制及属性设置 摇头不会跟着老师的引导完成概念的学习和操作的完成重点理解LoadPicture函数、绝对路径、相对路径在老师的带领下完成两种图片添加的操作调出保存的程序，完成图片的添加遇到问题，亟待解决，进一步自学，解决问题查看计算机里准备做电子相册图片图片框控件和按钮控件跟着老师进行操作小组合作尝试完成程序 抛出问题，激发学生的兴趣和学习的热情通过教师带领学生操作、学生跟着完成来达到克服陌生感、模仿学习的目的通过实际、形象的案例来理解绝对路径与相对路径通过上节课贴近自身生活的案例的完善让学生让找到满足感、成就感，提高学生的自学能力跟随老师的引导思考、回答问题完成任务分析在操作中及时反馈、提出问题、解决问题，完成程序的编写
课堂小结 一、 认识图片控件及常见属性设置二、通过生活案例熟悉VB程序创建的一般过程三、对象、属性、事件、对象名、事件名、属性名等概念
板书 一、图片控件（PictureBox)主要用来显示图片，实际显示的图片有 Picture属性决定 1、添加图片的方法： （1）设计时加载：在属性窗口找到Picture属性，单击右边的“…”按钮选择要添加的图片 （2）运行时加载：通过LoadPicture函数来设置Picture的属性二、制作电子相册的一般过程 1、任务分析 2、界面设计 3、代码编写 4、调试运行三、对象、属性、事件的概念 在面向对象的程序设计中，每一个实体都可以称之为对象，窗体和控件式程序设计中最常见的对象。 属性指对象的性质，修改属性值可以修改对象的状态。 事件是指对象对于外部动作的响应，当对象发生了某事件，就会执行与此对象的这个事件相应的代码。 Command1_Click( )是单击命令按钮Command1触发的事件。 事件过程的命名格式为：Private Sub 控件名_事件名（）
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共24张PPT)
Visual Basic控件
信息技术浙教版 九年级上
上21世纪教育网 下精品教学资源
新知导入
同学们，你们到德克士点过餐吗？它的点餐程序能用我们学过的VB程序设计语言做出来吗？你想试一试吗？
上21世纪教育网 下精品教学资源
新知讲解
一 、认识图片控件
图片控件（PictureBox)主要用来显示图片，实际显示的图片有
Picture属性决定
添加图片的方法
1、设计时加载
2、运行时加载
显示相应的图片
按钮
1、设计时加载：在属性窗口找到Picture属性，单击右边的“…”按钮选择要添加的图片
在面向对象的程序设计中，每一个实体都可以称之为对象，窗体和控件式程序设计中最常见的对象，属性指对象的性质，修改属性值可以修改对象的状态。
2、运行时加载：通过LoadPicture函数来设置Picture的属性
如图片素材与生成的可执行文件在同一目录，可以使用Picture1.Picture = LoadPicture(App.Path & "\" & "A餐.jpg")
Picture1.Picture=LoadPicture(“C:\Users\ym\Desktop\点餐\A餐.jpg”)
绝对路径与相对路径
相对路径：指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。
绝对路径：指目录下的绝对位置,直接到达目标位置。
举例：绝对路径：比如A同学的座位，绝对路径描述：**学校**年级**班
从前门第1列开始数，在第*列第*排就是A同学
相对路径：我们已经他们同一个班的B同学的位置，我们只需要描
述从B同学左边开始数前一排的第二个位置
A、B在同一个小组，相对位置不变，总是能容易找到，如果使用绝对路径，小组位置改变就会找不到文件A同学位置，推荐使用相对路径
上21世纪教育网 下精品教学资源
课堂练习：探究活动
请同学们思考并尝试，如何在我们上节课自我介绍的VB程序中添加图片介绍。
上21世纪教育网 下精品教学资源
拓展提高
二 、制作电子相册
准备工作：制作电子相册要先准备图片素材，并与工程文件放在同
一文件夹中
回顾编写一个VB程序的过程，说说制作一个电子相册步骤
简单的电子相册只需要 控件和 控件就可实现，单击某个按钮，程序显示相应的图片，并在图片框配上相应的文字。
制作电子相册—任务分析
图片框
按 钮
制作电子相册—界面设计
1、绘制程序的窗体界面
PictureBox
图片框，载入显示一张图片
CommandButton
命令按钮 单击事件
操作要领：
（1）新建一个标准的“EXE”工程。
（2）在窗体中添加一个图片框控件和四个按钮控件。
制作电子相册—界面设计
2、设置各对象的属性
属性：对象的性质，修改属性值可以改变对象的状态
对象名 属性名 属性值
Form1 Caption “电子相册”
Picture1 Picture “四季景色”
Command1 Caption “春”
Command2 Caption “夏”
Command3 Caption “秋”
Command4 Caption “冬”
制作电子相册—编写代码
（1）双击“春”按钮，出现事件代码窗口
事件是指对象对于外部动作的响应，当对象发生了某事件，就会执行与此对象的这个事件相应的代码。
Command1_Click( )是单击命令按钮Command1触发的事件。
事件过程的命名格式为：
Private Sub 控件名_事件名（）
制作电子相册—编写代码
（2）输入事件代码
注意让图片素材和生成的可执行文件处于同一目录
制作电子相册—编写代码
（3）添加文字说明
图片上文字可以通过在图片框上放置Label来实现。文字的字体、大小和颜色可以在标签控件的属性中预先设置，也可以在程序中通过语句来修改。
所以用代码修改对象的属性值的基本格式为：对象名.属性名 = 属性值
制作电子相册—调试运行
运行程序，调试各个按钮的事件处理过程，确认正确后，保存文件
注意
保存窗体文件（Form1.frm)和工程文件（电子相册.vbp),位置应于图片素材在同一文件夹中
以上操作请同学们跟着老师完成
打开VB的编辑界面进行操作
1、绘制程序的窗体界面
2、设置各对象的属性
代码编写、调试运行
课堂练习
通过制作电子相册的学习，相信大家已经基本学会了，那我们再接再励就小组合作完成“点餐程序”的制作吧
上21世纪教育网 下精品教学资源
课堂练习
下表中左边为VB中的“事件”，右边为VB中的“事件处理过程”，请将左边的“事件”和该事件将驱动的“事件处理过程”，用直线连接起来。
事件 事件处理过程
在命令按钮Command1上单击 Private Sub Text1_Change( )
改变文本框Text1中的内容 Private Sub Label1_DblClick( )
在Label1上双击 Private Sub Command1_Click( )
上21世纪教育网 下精品教学资源
作业布置
探究作业：设计如图所示的VB程序，在图片框中加载汽车图片，打击“前进”按钮则汽车向前移动，单击“倒车”按钮则汽车向后移动。
上21世纪教育网 下精品教学资源
课堂总结
上21世纪教育网 下精品教学资源
上21世纪教育网 下精品教学资源
三、对象、属性、事件等概念
一、 认识图片控件及常见属性设置
二、通过生活案例熟悉VB程序创建的一般过程
上21世纪教育网 下精品教学资源
板书设计
一、图片控件（PictureBox)主要用来显示图片，实际显示的图片有 Picture属性决定
1、添加图片的方法：
（1）设计时加载：在属性窗口找到Picture属性，单击右边的“…”按钮选择要添加的图片
（2）运行时加载：通过LoadPicture函数来设置Picture的属性
初步理解使用App.Path得到相对路径的方法
二、制作电子相册的一般过程
1、任务分析 2、界面设计 3、代码编写 4、调试运行
三、对象、属性、事件的概念
在面向对象的程序设计中，每一个实体都可以称之为对象，窗体和控件式程序设计中最常见的对象。
属性指对象的性质，修改属性值可以修改对象的状态。
事件是指对象对于外部动作的响应，当对象发生了某事件，就会执行与此对象的这个事件相应的代码。
Command1_Click( )是单击命令按钮Command1触发的事件。
事件过程的命名格式为：Private Sub 控件名_事件名（）
上21世纪教育网 下精品教学资源
谢谢
21世纪教育网（www.21cnjy.com)全国最大的中小学教育资源网站
有大把优质资料？一线名师？一线教研员？
赶快加入21世纪教育网名师合作团队吧！！月薪过万不是梦！！
详情请看：http://www.21cnjy.com/zhaoshang/
