第一节 电子相册,粤教版 八年级下,粤教版初中信息技术,课件,新知导入,观看这个“电子相册”并思考该如何做出这样的效果？,新知讲解,一、分析需求功能与控件,想一想： 刚才播放的电子相册中，显示三幅图片，那么使用到了三个显示提示按键和一个退出按键。在VB中编写，这些按键就是控件。本任务中就是选择CommandButton控件、Image控件。,新知讲解,二、Image控件,Image控件可以显示来自位图、图标及其他格式的图形文件，与PictureBox（图片框）控件相比，Image控件占用内存少，显示速度快。,新知讲解,1、设置Image控件属性,（1）Picture属性。,Picture属性可用于窗体、图片框和图像框等控件的图片加载，可通过属性窗口进行设置。单击右端按钮，选择图片加载。,单击此处加载图片。,新知讲解,通过Picture属性将pic素材文件夹下的图片“bg.jpg”加载到窗体中。,新知讲解,该属性只存在于Image控件中，它是用来自动调整图像框中图形内容的大小。取值为：True或False，当值为Ture时，将自动放大或缩小图像框的图形。,（2）Stretch属性。,（a）Stretch属性为true,（b）Stretch属性为false,新知讲解,三、设计界面,如何设置合适的对象，完成“名犬相册”的界面设计？,新知讲解,（1）建立工程,启动VB，在弹出的“新建工程”对话框中单击“打开”按钮，进入VB集成开发环境。,新知讲解,（2）创建图形用户界面, 在窗体“Form1”中添加4个CommandButton控件按钮，其默认名称分别为：Command1、Command2、Command3、Command4。,新知讲解,（2）创建图形用户界面, 添加一个Image控件，其默认名称为Image1。,新知讲解,（3）设置对象属性,新知讲解,四、设计显示图片的算法,1、算法,算法可以理解为用计算机解决问题的具体方法。算法的表示方法主要有自然语言、流程图和伪代码等。,新知讲解,2、“名犬相册”算法设计,（1）创建一个图像框（Image）控件和四个CommandButton按钮控件。 （2）单击“哈士奇”按钮控件时，Image控件加载图片“hsq.png”。 （3）单击“博美犬”按钮控件时，Image控件加载图片“bmq.png”。 （4）单击“吉娃娃”按钮控件时，Image控件加载图片“jww.png”。 （5）单击“退出”按钮控件时，退出程序。,新知讲解,五、LoadPicture函数,实现图片加载，需要用到LoadPicture函数。格式为： 对象.Picture=loadPicture(“文件名”) 文件名需要指明相应的存储位置，才能正常加载。 App.Path是LoadPicture函数的好搭档，它能返回程序所在的路径，即相对路径。 注意：保存的窗体文件夹和图片文件夹需同在一个目录下。,新知讲解,1、添加代码,（1）双击窗体上的“哈士奇”按钮，打开代码窗口：,新知讲解,六、调试程序,当调试程序时，出现标黄色，说明代码有错误，蓝色区域就是其错误所在。修改成正确的才能运行成功。,新知讲解,输入代码时，需注意： （1）避免手动输入时的拼音错误。 （2）多用系统提供的选项来输入。 在正确输入对象后的”.”时，会同时出现一个列表，直接点击即可正确输入。,新知讲解,七、程序设计的基本过程,1、分析问题阶段，研究待解决问题所给定的条件，要达到的目标以及 解决问题的总体思路。 2、设计算法阶段。设计出解决问题的具体方法。 3、调试阶段。发现和排除程序的错误问题。,新知讲解,如果在“名犬相册”程序中增加关于名犬介绍的文字是不是更好？那么如何把原来编写的程序升级一下呢？我们来试试看！,课后习题,1、在Microsoft VB 6.0中，命令按钮控件是（C） （A）Label （B）TextBox （C）CommandButton（D）Image,2、双击窗体中的对象后，VB将显示的窗口是（C） （A）工具箱 （B）工程窗口 （C）代码窗口（D）属性窗口,课后习题,3、可以在图片框或图像框中显示图形的属性是：（A） （A）Picture （B）Image （C）Icon （D）DownPicture,课堂总结,1、设置Image控件属性:Picture属性、Stretch属性（True或False）。 2、命令控件按钮用：CommandButton。 3、图像控件用：Image控件。 4、LoadPicture函数。格式为： 对象.Picture=loadPicture(“文件名”),板书设计,一、分析需求功能与控件。 二、Image控件。 三、设计界面。 四、设计显示图片的算法 五、LoadPicture函数 六、调试程序 七、程序设计的基本过程