《第11章 图形设计与多媒体技术课件.ppt》由会员分享，可在线阅读，更多相关《第11章 图形设计与多媒体技术课件.ppt（19页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第1111章章 图形设计与多媒体技术图形设计与多媒体技术VB.Net 程序设计教程程序设计教程 本章学习目标：本章学习目标： 掌握掌握WindowsWindows应用程序的创建应用程序的创建 掌握掌握Visual Basic.NetVisual Basic.Net中绘制图形的基本步骤中绘制图形的基本步骤 掌握掌握Visual Basic.NetVisual Basic.Net中绘制工具的创建方法如中绘制工具的创建方法如PePen n、 Brush Brush等等 掌握掌握Visual Basic.NetVisual Basic.Net中绘制文字的方法中绘制文字的方法 了解了解Visual B
2、asic.NetVisual Basic.Net中多媒体控件的使用方法中多媒体控件的使用方法11.1 GDI+11.1 GDI+概述概述11.1.1 11.1.1 什么是什么是GDI+GDI+ GDI+(Graphics Device Interface)即图形设备接口，提供了强大的绘图功能，是微软公司为程序员提供的针对Windows平台的新一代二维图形系统。程序员可以通过GDI+提供的众多函数绘制各种各样的图形和图像。 GDI+是对上一代GDI的扩展，是一套特殊的应用程序编程接口(API)。它所提供的类可用于创建二维矢量图形、操纵字体以及插入图像。GDI+在扩展GDI 的同时，还简化了编程模
3、型并添加了一些新特性，比如图形路径、扩展的图像文件支持以及alpha 混合等等。 GDI+ GDI+坐标系坐标系 “坐标系统”是指对屏幕上的每个点进行标识的一种方案，是图形设计的基础。在GDI+中，屏幕坐标用于对窗体的定位，每个窗体有自己的坐标系统。在用GDI+绘图时，针对窗体或窗体上的控件而设置的坐标，称为对象坐标系统。这种坐标系统默认坐标原点为对象（窗体或控件）左上角坐标（0，0），横向为x坐标（水平坐标），纵向为y坐标（垂直坐标），如图11-1所示。横向向右为x轴正向，纵向向下为y轴正向。 GDI+的图形绘制在坐标系统中完成，可以用来绘制直线、矩形和其他图形，默认坐标系统的单位是“像素”
4、。11.1 GDI+11.1 GDI+概述概述（0,0）xy图图11-1 11-1 坐坐标标系系统统绘图的基本步骤绘图的基本步骤1 1创建创建GraphicsGraphics对象创建对象创建GraphicsGraphics对象的方法如下：对象的方法如下：（1）方法一：调用窗体或控件的CreatGraphics方法建立Graphics对象这种方法主要是在已存在的窗体或控件上绘图，该Graphics对象表示控件或窗体的绘图表面。Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As SyPrivate Sub Form1_L
5、oad(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Loadstem.EventArgs) Handles MyBase.LoadmyGraphics = Me.CreateGraphics End Sub End Sub（2）方法二：在窗体或控件的Paint事件过程中建立Graphics对象在为控件创建绘制代码时，使用此方法来获取对图形对象的引用。Private Sub Form1_Paint(ByVal sender As Object, ByVal e As System.WPriv
6、ate Sub Form1_Paint(ByVal sender As Object, ByVal e As System.Windows.Forms.PaintEventArgs) Handles Me.Paintindows.Forms.PaintEventArgs) Handles Me.PaintmyGraphics = e.GraphicsEnd SubEnd Sub11.1 GDI+11.1 GDI+概述概述2 2创建绘图工具创建绘图工具 Graphics对象创建后，就要创建画笔、画刷、字体等绘图工具绘制图形。常用的绘图工具有包括：（1）Pen：用于绘制线条、勾勒形状轮廓或呈现其他
7、几何形式。（2）Brush：填充图形域，如实心形状、图像或文本。（3）Font：定义特定的文本格式，包括字体、字号和字形属性。在输出文本之前，先指定文本的字体。3 3使用使用GraphicsGraphics类提供的方法绘图类提供的方法绘图（1）绘制空心图形的方法：、DrawArc、DrawBenzier、DrawEllipse、Drawlmage、DrawLine、DrawPolygon和DrawRectangle（2）绘制填充图形的方法：FillClosedCurve、FillEllipse、FillPath、FillPolygon、FillRectangle（3）绘制文字的方法：Draws
8、tring4 4释放资源释放资源 在Graphics对象使用完毕后，可以通过Graphics对象的Disposes方法释放使用CreatGraphics创建的Graphics对象。在调用Disposes方法后，Graphics对象将从内存中删除，不能再被使用。语法格式：画布对象.Disposes11.1 GDI+11.1 GDI+概述概述11.2.1 11.2.1 绘图工具绘图工具1画笔（Pen） 画笔Pen 对象用于绘制直线和曲线对象，Pen对象具有颜色、宽度和线型属性。（1）定义Pen 对象 定义Pen 对象的语法格式为： Dim 画笔对象 As Pen 画笔对象=New Pen(Colo
9、r，Width) 或 Dim 画笔名称 As New Pen(Color，Width)（2）设置Pen 对象的属性 设置Pen 对象的常用属性的语法格式为： 画笔对象.属性 = 属性值11.2 11.2 绘制图形绘制图形2画刷 Pen对象是用来绘制图形的边框和轮廓，而要填充图形可以用画刷Brush对象来定义。GDI+提供了几种画刷来填充内部轮廓，几种填充形式都是Brush类的派生类，如SolidBrush（实心画刷）、HatchStryle（阴影画刷）、LinearGradientBrush（颜色渐变画刷）、TextureBrush（纹理画刷）等。下面以实心画刷和阴影画刷为例介绍画刷的使用方法
10、。(1) SolidBrush实心画刷SolidBrush实心画刷指定填充区域的颜色，其创建方法：Dim 画刷对象 As New SolidBrush(画刷颜色) 例如，定义一个颜色为蓝色的实心画刷。Dim myBrush As New SolidBrush(Color.Blue)（2）HatchStryle阴影画刷HatchStryle阴影画刷通过绘制一种样式来填充区域，其创建方法：Dim 画刷对象 As New Drawing2D.HatchBrush(类型, 前景色,背景色)11.2 11.2 绘制图形绘制图形11.2.2 11.2.2 绘制图形绘制图形1 1绘制直线绘制直线 绘制直线可
11、以使用Graphics类的DrawLine方法，其语法格式为： Graphics.DrawLine(Pen, 起点坐标, 终点坐标)【例11-1】使用蓝色画笔绘制直线，程序运行结果如图11-2所示。 图11-2 绘制直线11.2 11.2 绘制图形绘制图形2绘制矩形 可以使用Graphics类的DrawRectangle方法和FillRectangle方法绘制空心矩形和填充矩形。（1）空心矩形格式：Graphics.DrawRectangle (Pen, Rectangle)说明：Rectangle存储4个整数，分别表示一个矩形的位置和大小，即由坐标（x，y）和宽度width、高度height
12、指定。（2）填充矩形格式：Graphics.FillRectangle (Brush, Rectangle)说明：Brush是画刷对象，用来指定填充图形的内部颜色，如Brushes.Red；FillRectangle填充有一对坐标、一个宽度和一个高度指定的矩形的内部。【例11-2】使用蓝色画刷绘制空心矩形，用红色画刷绘制填充矩，程序运行结果如图11-3所示。11.2 11.2 绘制图形绘制图形3 3绘制多边形绘制多边形可以使用Graphics类的DrawPolygon方法和FillPolygon方法绘制空心多边形和填充多边形。（1）空心多边形格式：Graphics.DrawPolygon (P
13、en, Point) 说明：Point 表示多边形各个点的坐标。（2）填充多边形格式：Graphics.FillPolygon (Brush, Point)【例11-3】使用蓝色画刷绘制空心矩形，用红色画刷绘制填充矩，程序运行结果如图11-4所示。4 4绘制圆和椭圆绘制圆和椭圆可以使用Graphics类的DrawEllipse方法和FillEllipse方法绘制空心圆/椭圆或填充圆/椭圆。（1）空心圆和椭圆格式：Graphics.DrawEllipse (Pen, Rectangle) （2）填充圆和椭圆格式：Graphics. FillEllipse (Brush, Rectangle) 说
14、明：Rectangle由4个数字组成，是指绘制圆或椭圆外接矩形左上角坐标，宽度和高度。【例11-4】使用不同颜色的画笔和画刷分别绘制空心圆、椭圆和填充圆、椭圆，程序运行结果如图11-5所示。 5绘制弧线 弧线是椭圆的一部分，计量单位是度。它从一个“起始角”开始，扫描指定的度数（称为“仰角”）。如果顺时针方向扫描，则指定度数为正；逆时针方向扫描，则指定度数为负。每段弧线实际都是椭圆的一部分（椭圆的其他部分不可见）。画一段弧线时，必须指定封闭椭圆约束矩形的尺寸，椭圆由左上角坐标和宽度、高度指定的矩形约束，约束矩形决定了椭圆大小。格式：Graphics.DrawArc(pen, 起点坐标, 终点坐标
15、, 起始角度, 仰角度)说明：若将DrawArc换成DrawPie方法，则完成扇形的绘制。若将DrawPie换成FillPie方法，Pen换成Brushes则完成填充扇形的绘制。【例11-5】使用不同颜色的画笔和画刷分别绘制弧线、扇形和填充扇形，运行结果如图11-6所示。 图11-6 绘制圆和椭圆1 1创建字体对象创建字体对象 输出文字图形前先要创建字体对象，并指定字体、字号和样式等，Font类是用于构造新的字体对象。格式：Dim 字体对象 As New Font(字体名称, 字体大小, 字体样式)说明：字体样式的参数主要包括：Bold（加粗）、Italic（斜体）、Regular（正常）、S
16、trikeout（删除线）和Underline（下划线）2 2绘制文本绘制文本创建完字体对象后，可以使用Graphics对象提供的DrawString方法绘制输出文字。格式：Graphics.DrawString (字符串, Font , Brush , point , 字体格式)或Graphics.DrawString (字符串, Font , Brush , Rectangle , 字体格式)说明：“字符串”为要输出的文本；Font为创建的字体对象，用来指定字符串文本的格式；Brush为创建的画刷对象，用来确定文本的颜色和纹理；Point是绘制文本的起始位置，左上角坐标；Rectangle
17、是确定矩形的左上角的坐标为文本的起始位置；字体格式是指文本的格式化属性，如行间距和对齐方式等。 11.3 11.3 绘制文字绘制文字【例11-6】绘制不同效果的文本，运行结果如图11-7所示。 图11-7 绘制文本1 1加载加载Windows Media PlayWindows Media Play控件控件由于VB.Net的多媒体控件不是标准控件，所以使用之前需要把它添加到工具箱中。加载Windows Media Play控件的方法为：（1）鼠标右键单击工具箱，在弹出的快捷菜单中选择【选择项】命令，弹出【选择工具箱项】对话框。（2）在【选择工具箱项】对话框中选择【COM组件】选项卡，勾选“Wi
18、ndows Media Play”控件，单击“确定”按钮，如图11-8所示。（3）在工具箱组件列表中加载“Windows Media Play”控件 。 11.4 11.4 多媒体播放器多媒体播放器图11-8 【选择工具箱项】对话框中2Windows Media Play控件的常用属性“Windows Media Play”控件的常用属性如表11-2所示。 表11-2 Windows Media Play常用属性3Windows Media Play控件的常用方法的常方法包括：（1）Play方法：播放多媒体文件。（2）Pause方法：暂停多媒体文件的播放。（3）Stop方法：停止多媒体文件的播放。【例11-7】使用Windows Media Play控件制作媒体播放器，运行结果如图11-9所示。在窗体上添加1个Windows Media Play、2个命令按钮如1个打开对话框控件。 图11-9 【选择工具箱项】对话框中【例11-8】制作一个简单的画图板，使用鼠标可以在画图板上绘制任意线段，运行结果如图11-10所示。操作要求：在窗体上添加1个图片框PictureBox1，利用鼠标左键的按下、移动、弹起三种控制状态绘制图线。在窗体上再添加1个命令按钮Button1，单击按钮清除图片框上绘制的线段。 11.5 11.5 综合实例综合实例图11-10 简单画板