初中信息技术 八年级下 电子相册-PPT

1、第一节 电子相册信息技术 八年级（下）第二章授课教师：俞雪君学校：红岭中学石厦初中部课程导入想一想，这是什么图标？ 第24届冬季奥林匹克运动会（The XXIV Olympic Winter Games）于2022年2月4日在北京盛大开幕。共设7个大项、15个分项和109个小项. 北京2022年冬奥会会徽为“冬梦”，主要由会徽图形、文字标志、奥林匹克五环标志三个部分组成，图形主体形似汉字“冬”的书法形态。北京冬奥会会徽“冬梦”课程导入点击此处添加标题说一说，你们熟悉这些图片吗？用VB制作一个简单的电子相册。课程导入本课任务课程目标1. 认识Image控件，并能够合理进行Picture属性和St

2、retch属性的设置。2. 掌握LoadPicture函数，能够使用该函数编写代码来实现图片加载程序。3. 能够进行简单的程序调试，体验VB程序的基本编写过程。问题分析想一想，要制作一个简单的电子相册，它的基本界面应该是怎样的？应该包括哪些基本功能？显示图片图片切换退出相册图片显示区域图片1显示按键图片2显示按键图片3显示按键退出按键Image控件CommandButton控件任务一：利用Image控件加载图片新建一个VB工程，利用 Image控件将 pic素材文件夹下的图片“black.jpg”加载到窗体中。探究锦囊自学课本26-27页，画出重点语句观看任务一微课视频小组交流讨论试一试对Im

3、age控件的Picture属性和Stretch属性进行不同设置，查看图片变化问题分析任务一：利用Image控件加载图片Image控件可以显示来自位图、图标及其他格式的图形文件，与PictureBox（图片框）控件相比，Image控件占用内存少，显示速度快，因此在VB中常常用到。Picture属性设置窗体、图片框和图像框等控件的图片加载Stretch属性设置自动调整图像框中的图形内容大小Stretch属性为TrueStretch属性为False任务二：完成电子相册的界面设计在前面功能分析的基础上，在VB中完成电子相册的界面设计。探究锦囊自学课本28-29页，画出重点语句观看任务二微课视频小组交流

4、讨论图片显示区域图片1显示按键图片2显示按键图片3显示按键退出按键Image控件CommandButton控件电子相册界面设计问题分析任务二：完成电子相册的界面设计在前面功能分析的基础上，设置合适的对象，完成电子相册的界面设计。图片显示区域图片1显示按键图片2显示按键图片3显示按键退出按键Image控件CommandButton控件电子相册界面设计创建图形用户界面算法设计算法可以理解为用计算机解决问题的具体方法，设计科学的算法是解决问题的关键。主要的表示方法有自然语言、流程图和伪代码等。想一想要实现电子相册的功能，该如何设计算法？创建一个_（图像框）控件和五个_ 按钮控件。单击“红脸”按钮控件

5、时，Image控件加载图片“red.jpg”。单击“白脸”按钮控件时，Image控件加载图片“_”。单击“_”按钮控件时，Image控件加载图片“black.jpg”。单击“_”按钮控件时，Image控件加载图片“_”。单击“_”按钮控件时，退出程序。“京剧脸谱与色彩”电子相册算法设计算法设计在本节课中，我们采用通过按键“加载图片”的方法来实现图片的显示。以“京剧脸谱与色彩”主题的电子相册为例，请同学们帮忙补全算法。ImageCommandButtonwhite.jpg黑脸蓝脸blue.jpg退出思考如何实现将图片通过按钮控件加载到图像框控件中去呢？LoadPicture函数任务三：编写程序代

6、码，完成电子相册制作以小组为单位，在pic素材文件中选择自己喜欢的相册主题参照“京剧脸谱与色彩“电子相册的算法，利用LoadPicture函数编写自己的电子相册程序代码运行程序观察效果；若出现程序编译错误，记录并在组内讨论解决方法。探究锦囊自学课本30-32页，画出重点语句观看任务三微课视频小组交流讨论程序编写任务三：编写程序代码，完成电子相册制作LoadPicture函数能把指定存储位置的图形文件加载到窗体、图片框或图像框的Picture属性中。对象.Picture = LoadPicture(“文件名”)使用App.Path返回图片的相对路径。对象.Picture = LoadPictur

7、e(App.Path & “ 文件名 ”)需要指明图片的存储位置图片的相对存储路径需将图片（或图片文件夹）与工程文件保存在同一个目录下。任务三：编写程序代码，完成电子相册制作例：加载图片“red.jpg”到名为ImgLp的Image图像框控件中“red.jpg”图片在pic文件夹中ImgLp.Picture = LoadPicture(App.Path & “ picred.jpg ”)图片”red.jpg”相对于工程文件的存储路径Pic文件夹与工程文件保存在同一电子相册目录Red图片的存储位置：“计算机电子相册picred.jpg”工程文件的存储位置：“计算机电子相册FrmLp.vbp”对象

8、.Picture = LoadPicture(App.Path & “ 文件名 ”)图片的相对存储路径任务三：编写程序代码，完成电子相册制作 双击“红脸”按钮，打开代码窗口，输入程序代码： Private Sub CmdRed_Click() ImgLp.Picture = LoadPicture(App.Path & picred.jpg) End Sub 参照的方法，编写“黑脸”、“白脸”、“蓝脸”按钮的代码。编写“京剧脸谱与色彩”的程序代码对象.Picture = LoadPicture(App.Path & “ 文件名 ”)图片相对于工程文件的存储路径任务三：编写程序代码，完成电子相册

9、制作 结束程序用“End”代码表示，双击“退出”按钮输入代码： Private Sub CmdQuit_Click() End End Sub编写“京剧脸谱与色彩”的程序代码任务三：编写程序代码，完成电子相册制作程序输入完毕，保存。单击“运行”菜单中的“启动”选项，或工具栏上的 按钮，运行程序并观察其效果。程序调试程序运行时，VB先要对代码进行编译，这时产生的错误是编译错误。按照它的提示修改程序，再运行，指导程序运行正确，这个过程就是程序调试。避免代码拼写错误的方法：避免手动输入时的拼写错误多用系统提供的选项来输入ImgLp.Picture 正确的拼写ImgLp.pictrue 错误的拼写小组展示课堂总结电子相册问题分析算法设计程序编写程序调试Picture属性Stretch属性Image控件CommandButton控件LoadPicture函数App.Path语句程序设计的基本过程拓展延伸12思考1：若需加载的