资源简介

信 息 技 术 教 案
课 题 第7课使用图片框控件
教 材 信息技术9年级 全一册 课 时 授课年级 9年级
学生分析 学生在以前学习VB函数基础上，有较强的好奇心，有利于学生创新和实践能力培养。
教学目标 知识目标 学会使用图片框控件
熟悉Loadpicture()函数的用法
技能目标 培养学生的自学能力，统筹安排 能力，策化能力，协作能力
情感目标 引导学生发挥想象，激发学生的创作欲望； 促进相互合作交流
重 点 1．编写载入图片程序代码
2．图片文件路径的设置
难 点 Loadpicture()函数的使用
图片框控件属性的设置
教学方法 任务驱动法、演示讲解法、归纳总结法
教学准备 教师要准备好有关教学的素材图像。
教 学 过 程
教学环节 教师活动 学生活动
导 入
新
课 教师问学生几个问题
1.你们喜欢吃水果吗？2.喜欢吃什么水果？ 等等
启动“我喜欢的水果.exe”程序，一个一个单击窗口下方的选项按钮，操作时可以看到，单击不同的选项按钮，图片框里会显示不同的图片，今天我们主要学习使用图片框控件
那么，我们先仔细看一下这个窗体结构。窗口下方有三个选项按钮，这空白就是图片框。今天我们主要学使用图片框控件（老师先用课件来展示标题，然后在黑板上要写课题）。
观察屏幕上的问题并回答老师的提问

讲
授
新
课
讲
授
新
课 在工具箱中的（image）是图片框控件按钮（老师用课件来展示）。
下面我们开始制作这个程序之前，桌面建立一个我喜欢的水果文件夹，然后找到几幅图片保存在这个文件夹里，图片框控件主要用于“bmp,.ico,.jpg,.gif”等多种格式的图像文件。
我们都知道设计程序有四个过程：
第一：设计窗体界面
第二：设置属性窗口
第三：编写代码
第四：测试并保存程序
设计窗体界面
第1步：启动VB并创建一个标准EXE工程。
第2步：拖动窗体周围的操作点，适当调整窗体的大小（比图片略大）。
这个程序需要3个选项按钮和一个图片框控件，一个标签控件。选项按钮控什用于响应用户的操作，图片框控件用于显示图片，标签控件用来显示有关图片的文本内容。
第3步：选定工具箱中的option Button按钮，然后在窗体中绘制三个选项按钮。
这三个选项按钮的高度、宽度还有间距一不一样？
你们说得很对，我们把它们调整一下。
那，第4步：按住Shift键，逐个单击窗体中的三个选项按钮，选定它们。
第5步：执行“格式→统一尺寸→两者都相同”命令，调整4个选项按钮的高度和宽度。
第6步：执行“格式→水平间距→相同间距”命令，再执行“对齐→顶端对齐”命令，使它们保持相同的间距并对齐，然后把这四个选项按钮拖到窗体的底部。
第7步：单击工具箱中的按钮，在窗体中绘制一个图片框。再仿照下面的左图，适当调整图片框的位置和大小。
窗体界面设计好了（老师用课件来展示设计好的窗体界
二、设置属性窗口：
对 象
属 性
属 性 值
Form1
Caption
我喜欢的水果
BotderStyle
1-Fixed Single
IMAGE
（名称）
Image1
Option1
（名称）
Option1
Caption
石榴
Option2
（名称）
Option2
Caption
苹果
Option3
（名称）
Option3
Caption
草莓
Label1
（名称）
Label1
Caption
各民族要像石榴籽一样紧紧抱在一起
属性窗口也设置好了（老师用课件来展示设置好的属性窗口）。老师跟同学们一起比较这两个界面。
三、编写代码
编写代码之前，我们应该知道Load picture（）函数的用法。在VB程序中，可以通过用于Load picture（）函数在图片框里显示指定的图片。
这个函数的一般格式是：Load picture（ 〝图像文件名〞 ）
其中的“图像文件名”应包含图像文件所在的路径，在使用Load picture（）函数时，一定要保证载入图片的路径是正确的。
第一步：执行“视图→代码”命令，打开“代码”窗口。
第二步：在对象框中选定Opt1，在事件框中会出现默认的事件名Click，然后为过程编写代码。
Private sub Option1_Click（）
Label1.Caption = “各民族要像石榴籽一样紧紧抱在一起“
Image1.Picture = LoadPicture(App.Path & "\ shiliu.jpg")
End sub
其他图片仿照上面的方法来载入图片框里。老师使学生自己操作并掌握基本方法
代码也写好了，那我们测试看看这个程序做得对不对。
四、测试并保存程序
单击按钮，测试这个程序。单击各个选项按钮，查看是否能在图片框中显示指定的图片。如果有错误，单击工具栏中的按钮，返回设计状态，继续编辑修改。
程序无误后，保存文件并把它生成可执行程序。
边听老师的讲解，边看演示，思考。
边听老师的讲解，边看演示，思考。
按照以上的操作过程完成其他图片载入图片框的操作
课堂巩固 好，那我给你们几分钟的时间，你们自己做一做好吗？如果有不懂的地方请举手可以老师。 相互协作，共同完成练习。
课堂总结
今天我们主要学习使用图片框控件，今天讲的内容中，程序的功能、元素的组成是比较重要，命令代码内容是比较难，希望同学们要记住这两点。要掌握使用Load picture（）函数的用法。
板书设计 第七课使用图片框控件
一．设计程序界面
图片框控件可以显示“bmp,jpg,gif”图像
二、设置属性窗口：
三．编写代码
Load picture()函数的格式：Load picture(“图像文件名”)
四．测试并保存
作业 应用本节课所学的知识，制作“我喜欢的动物”小程序
比如如图所示：
4

展开更多......

收起↑