新Visual Basic程序设计与实训 教学课件 苏玉雄 电子教案 第10章.pptVIP

fgdfgdg 第 10 章  简单多媒体编程 多媒体在人类文化活动中扮演的角色越来越重要。计算机多媒体技术有效地结合了计算机及传统的视听科技，让用户以交互方式将文本（Text）、图像(Image)、图形(Graphic)、音频(Audio)、动画(Animation)、视频(Video)等多种信息，经过计算机软硬件设备获取、操作、编辑、存储等处理后，以单独或合成的形态表现出来。VB为用户提供了一个多媒体控制接口MCI，通过MCI这个公用接口，用户无需介入实际的设备就可操纵所有的多媒体设备。 计算机图形、图像、声音和动画等是计算机多媒体技术的基本内容。本章介绍这方面的基本知识以及它们在VB中的基本实现方法。 VB提供的图形控件主要有：直线（Line）控件、形状（Shape）控件、图片框（PictureBox）控件、图像框（Image）控件。VB的图形方法有Line、Circle、Pset和Point等。每一个控件都适用于一个特定的目的。Imag、Shape和Line控件需要较少的系统资源，且包含PictureBox中的可用的属性、方法和事件的子集，因此，比PictureBox控件显示得快。 10.1 直线控件和形状控件 10.1 直线控件和形状控件 10.1.2 案例实践 案例1：形状控件和直线控件举例。 【案例说明】：在窗体上添加6个Shape控件（数组）和6个Line控件（数组） 【案例分析】：在本实例中我们使用控件数组，采用For循环结构对控件的相关属性赋值。 【操作步骤】： 1、界面设计 界面设计如图10-1a所示。 2、编写代码 3、程序运行界面：如图10-1b所示。 10.1.3 课堂练习 课堂练习1：用Shape控件数组产生棋盘图案。 【案例说明】：棋盘图案为19路乘19路。 【操作步骤】： 1、界面设计 在窗体上添加一个Shape控件，设置其Index属性为0，Visible属性为False，BackColor属性为白色。 2、编写代码 3、程序运行界面：程序运行结果如图10-2所示。 10.2 图片框和图像框控件 10.2 图片框和图像框控件 10.2 图片框和图像框控件 10.2 图片框和图像框控件 10.2.2 案例实践 案例1：图片框的Picture、Borderstyle、Auatosize、ScaleWidth、ScaleHeight、Left、Top属性举例。 【案例说明】：在窗体上添加1个图片框Picture1，在属性窗口设置其Picture属性值为“D:\My Documents\1.jpg”,其BorderStyle值为0，AutoSize值为False。 【案例分析】：本例使用LoadPicture()调用图片；设置属性使窗体大小随图片框的变化而变化，且使图片框位于窗体中央。 【操作步骤】： 1、界面设计：界面设计如图10-3a所示。 2、编写代码 3、程序运行界面：如图10-3b所示。 10.2.2 案例实践 案例2：图片框的DrawMode、DrawWidth属性举例。 【案例说明】：在窗体上添加1个图片框Picture1，设置其BoderStyle属性值为1，DrawWidth属性值为10。 【案例分析】：本例设置DrawMode属性值从0变化到15，使得图片框的前景色变化16次。 【操作步骤】： 1、界面设计：如图10-4a所示。 2、编写代码 3、程序运行界面：如图10-4b所示。 10.2.3 课堂练习 课堂练习1：图片框的FillColor、FillStyle属性举 例。 【案例说明】：本例鼠标在图片框移动时，可用随机的FillColor、FillStyle属性设置值在图片框中构造许多圆。 【操作步骤】： 1、界面设计 在窗体上添加一个图片框。参见图10-4a所示。 2、编写代码 3、程序运行界面：如图10-5所示。 10.2.3 课堂练习 课堂练习2：图像框的常用属性举例。 【案例说明】：本例鼠标在单击命令按钮后，图像向左上方移动直至填充整个窗体。 【操作步骤】： 1、界面设计：在窗体上添加一个图像框和一个命令按钮，如图10-6a所示。 2、编写代码 3、程序运行界面：如图10-6b所示。 10.3 绘制图形的方法 10.3 绘制图形的方法 10.3.2 案例实践 10.3.2 案例实践 10.3.3 课堂练习 课堂练习1：调色板 【案例说明】：用鼠标拖动三个滚动条中的滚动块，即可改变正方形内的填充颜色，同时R，G，B文本框中会显示出相应的R，G，B十进制和十六进制数据。它可以作为一个很好的调色工具。 【操作步骤】： 1、界面设计：