1、 少数 民族“双语”培训学员 毕业设计教案 课题: 培训院校:新疆教育学院数学与信息技术分院 班级: 姓名: 学号: 教学课题 第 7 课 使用图片框控件 所用教材 教学用具 教 学 目 标 知 识 与 技 能 1、 学会使用图片框控件 2、 了解 VB 函数的基本知识 3. 熟悉 Loadpicture()函数的用法 过 程 与 方 法 情 感 态 度 价 值 观 引导学生发挥想象,激发学生的创作欲望; 促进相互合作交流 重 点 1 编写载 入图片程序代码 2图片文件路径的设置 难 点 Loadpicture()函数的使用 图片框控件属性的设置 教 学 方 法 任 务驱动法 、 演示讲解法、
2、 练习法, 归纳总结法 。 环 教师活动 学生活动 节 导 入 新 课 演示制作好的程序请学生观察 你们发现了什么?有没有学过的控件? 启动“瓜果之乡”程序,一个一个单击窗口下方的选项按钮,操作时可以看到,单击不同的选项按钮,图片框里会显示不同的图片,今天我们主要学习使用图片框控件 那么,我们先仔细看一下这个窗 体结构。窗口下方有四个选项按钮,这空白就是图片框。今天我们主要学使用图片框控件(老师先用于课件来展示标题,然后在黑板上要写课题 ) 学习内容: 一,设计程序界面 二,编写代码 三 ,测试并保存程序 一,设计程序界面 第 1 步:启动 VB 并创建一个标准 EXE 工程。 第 2 步:拖
3、动窗体周围的操作点,适当调整窗体的大小(比图片略大)。 这个程序需要 4 个选项按钮和一个图片框控件。选项按钮控什用于响应用户的操作,图片框控件用于显示图片。 第 3 步:选定工具箱中的 option Button 按钮 ,然后在窗体中绘制四个选项按钮。 这四个选项按钮的高度、宽度还有间距一不一样? 你们说得很对,我们把它们调 整一下。 那,第 4 步:按住 Shift 键,逐个单击窗体中的四个选项按钮,选定它们。 第 5 步:执行“格式统一尺寸两者都相同”命令,调整 4 个选项按钮的高度和宽度。 第 6 步:执行“格式水平间距相同间距”命令,再执行“对齐顶端对齐”命令,使它们保持相同的间距并
4、对齐,然后把这四个选项按钮拖到窗体的底部。 环节 教师活动 学生活动 教 学 过 程 及 教 学 内 容 第 7 步:单击工具箱中的 按钮,在窗体中绘制一个图片框。再仿照下面的左图,适当调整图片框的位置和大小。 第 8 步:参照下表设置各对象的属性。完成后的窗体如上面的右图所示。 窗体界面设计好了(老师用课件来 展示设计好的窗体界 ) 对 象 属 性 属 性 值 Form1 Caption 瓜果之乡 BotderStyle 1-Fixed Single picture Box (名称) pic Option1 (名称) Opt1 Caption 石榴 Option2 (名称) Opt2 Cap
5、tion 哈密瓜 Option3 (名称) Opt3 Caption 葡萄 Option4 (名称) Opt4 Caption 无花果 图片框控件主要用于在窗体中显示图像,可以显示“ .BMP” “ .ico” “ .wmf” “ .jpg“ “ .gif”等多种格式的图像文件。 二,编写代码 这个函数的一般格式是 : Loadpicture( 图像 文件名 ) 其中的 “图像文件名” 应包含图像文件所在的路径,在使用Loadpicture()函数 时,一定要保证载入图片的路径是正确的。 第一步:执行“视图代码”命令,打开“代码”窗口。 第二步:在对象框中选定 Opt1,在事件框中会出现默认的
6、事件名 Click 然后为 Opt1-Click()过程编写代码。 教 学 过 程 及 教 学 内 容 Private sub Opt1-Click() picture1.picture Load picture ( d: vbtupian a. jpg) End sub 用 Load picture()函数把 d: vbtupian 1.jpg图片赋给图片框控件 picture1 的 picture 属性,程序运行时就把 1.jpg 这幅图像载入图片框中并显示出来。 第 3 步:仿照上面的方法,为 opt2-clic() 过程编写下面的代码。 Private sub Option2-Clic
7、k() picture1.picture Loadpicture( d: vbtupian 2.jpg) End sub 其他图片仿照上面的方法来载入图片框里。 第 4 步:以“ ”为文件名保存工程文件和窗体文件。 四、测试并保存程序 单击 按钮,测试这个程序。单击各个选项按钮,查看是否能在图片框中显示指定的图片。如果有 错误,单击工具栏中的 按钮,返回设计状态,继续编辑修改。 程序无误后,保存文件并把它生成可执行程序。 同学们都明白了吗? 环节 教师活动 学生活动 教 学 过 程 及 教 学 内 容 总 结 今天我们主要学 习 使用图片框控件,今天讲的内容中, 程序的功能、元素的组成是比较重要,命令代码内容是比较难,希望同学们要记住这两点。要掌握使用 Load picture()函数的用法。 作 业 设计一个引爆地雷的程序,运行这个程序时,单击“点火”按钮,会显示一个地雷引信被点燃的图片;单击“爆炸”按钮,显示一个地雷爆炸的图片 板 书 设 计 第 7 课 使用图片框控件 一,设计程序界面 二,编写代码 三 ,测试并保存程序 课后反思