《使用图片框控件》教案设计
课题
第7课 使用图片框
控件
课时
1
教材
人民教育出版社《信息技术基础》
九年级（全册）

教材
分析
本节课内容源于人民教育出版社出版的《初中》信息技术基础九年级第7课“使用图片框控件”。本课重点讲解怎样使用图片框控件，是学习VB中重点之一。重点培养学生学科整合的能力。

学生
情况
分析
学生在以前学习VB函数基础上，有较强的好奇心，有利于学生创新和实践能力培养。

教学目标
知识目标
学会使用图片框控件
了解VB 函数的基本知识
熟悉Loadpicture()函数的用法


技能目标
培养学生的自学能力，统筹安排能力，策化能力，协作能力


情感目标
引导学生发挥想象，激发学生的创作欲望；促进相互合作交流

教学
重点
难点
重点：程序的功能、元素的组成

难点：命令代码内容猜想
教学方法
任务驱动法、演示讲解法、归纳总结法








教学环境
教学直接在有电子教学软件的多媒体机房中进行

教学过程

环
节
教师活动
学生活动

复
习
通过提出两个问题复习上节课的内容。
我们开始新课之前，回忆一下，关于这节课的一些内容。我要提出两个问题，哪位同学能回答？
一、选择题：
下面那一个是选项按钮的控件按钮（ ）
A、 （TextBox） B、 （CheckBox）
C、 （OptionButton） D、 （CommandButtun）

二、判断题：
通过用于选项按钮，一次可以选多个对象。（ ）

讨论问题并回答。




导
入
新
课


任




务
那么，我们先仔细看一下这个窗体结构。窗口下方有四个选项按钮，这空白就是图片框。今天我们主要学使用图片框控件（老师先用于课件来展示标题，然后在黑板上要写课题）。
在工具箱中的/PictureBox是图片框控件按钮（老师用课件来展示）。
下面我们开始制作这个程序之前，先在D盘中建立一个tupian的文件夹，然后找到几幅图片保存在这个文件夹里，图片框控件主要用于“.bmp,.ico,.jpg,.gif,.wmf”等多种格式的图像文件。
我们都知道设计程序有四个过程：
第一：设计窗体界面
第二：设置属性窗口
第三：编写代码
第四：测试并保存程序
设计窗体界面
第1步：启动VB并创建一个标准EXE工程。
第2步：拖动窗体周围的操作点，适当调整窗体的大小（比图片略大）。
这个程序需要4个选项按钮和一个图片框控件。选项按钮控什用于响应用户的操作，图片框控件用于显示图片。
第3步：选定工具箱中的optionButton按钮/，然后在窗体中绘制四个选项按钮。
这四个选项按钮的高度、宽度还有间距一不一样？
你们说得很对，我们把它们调整一下。
那，第4步：按住Shift键，逐个单击窗体中的四个选项按钮，选定它们。
第5步：执行“格式→统一尺寸→两者都相同”命令，调整4个选项按钮的高度和宽度。
第6步：执行“格式→水平间距→相同间距”命令，再执行“对齐→顶端对齐”命令，使它们保持相同的间距并对齐，然后把这四个选项按钮拖到窗体的底部。
第7步：单击工具箱中的/按钮，在窗体中绘制一个图片框。再仿照下面的左图，适当调整图片框的位置和大小。
窗体界面设计好了（老师用课件来展示设计好的窗体界面）。

对象
属性
属性值

Form1
Caption
公园四景


Border Style
1-Fixed Single

picture Box
（名称）
Picgarden

Option1
（名称）
Opt1


Caption
草原八骏

Option2
（名称）
Opt2


Caption
水关心意

Option3
（名（名称）
Opt3Opt3


Caption
大都庆典

Option4
（名称）
Opt4


Caption
鞍缰盛世

二、设置属性窗口：
属性窗口也设置好了（老师用课件来展示设置好的属性窗口）。老师跟同学们一起比较这两个界面。
三、编写代码
编写代码之前，我们应该知道Loadpicture（）函数的用法。在VB程序中，可以通过用于Loadpicture（）函数在图片框里显示指定的图片。
这个函数的一般格式是：Loadpicture（ 〝图像文件名〞 ）
其中的“图像文件名”应包含图像文件所在的路径，在使用Loadpicture（）函数时，一定要保证载入图片的路径是正确的。
第一步：执行“视图→代码”命令，打开“代码”窗口。
第二步：在对象框中选定Opt1，在事件框中会出现默认的事件名Click，然后为Opt1-Click（）过程编写代码。
Private sub Opt1-Click（）
Picgarden.picture＝Loadpicture（〝d:﹨tupian﹨1.jpg〞）
End sub
Private sub Opt2-Click（）
Picgarden.picture＝Loadpicture（〝d:﹨vbtupian﹨2.jpg〞）
End sub
Private sub Opt3-Click（）
Picgarden.picture＝Loadpicture（〝d:﹨vbtupian﹨3.jpg〞）
End sub
Private sub Opt4-Click（）
Picgarden.picture＝Loadpicture（〝d:﹨vbtupian﹨4.jpg〞）
End sub
第三步：以“公园四景”为文件名保存工程文件和窗体文件。
代码也写好了，那我们测试看看这个程序做得对不对。
四、测试并保存程序
单击/按钮，测试这个程序。单击各个选项按钮，查看是否能在图片框中显示指定的图片。如果有错误，单击工具栏中的/按钮，返回设计状态，继续编辑修改。
程序无误后，保存文件并把它生成可执行程序。
同学们都明白了吗？




边听老师的讲解，边看演示，思考。
不一样

边听老师的讲解，边看演示，思考。



边听老师的讲解，边看演示，思考。




明白了

巩固
练习
好，那我给你们几分钟的时间，你们自己做一做好吗？如果有不懂的地方请举手可以老师。
相互协作，共同完成练习。

小 结
今天我们主要学使用图片框控件，今天讲的内容中，程序的功能、元素的组成是比较重要，命令代码内容是比较难，希望同学们要记住这两点。要掌握使用Loadpicture（）函数的用法。

布
置
作
业
设计一个分别男女的程序，运行这个程序时，单击“男”按钮，会显示一个男的图片；单击“女”按钮，会显示一个女的图片。