浙江科技大学：《包装CAD》课程教学课件（PPT讲稿）第六章 VB图形操作

第5章VB图形操作5.1子系统”画图板”程序设计图形操作基础5.2绘图属性5.3图形控件5.45.5键盘和鼠标事件过程图形方法5.6力5.7画图板”的具体实现结束

第5章 VB图形操作  5.1子系统”画图板”程序设计  5.2 图形操作基础  5.3 绘图属性  5.4 图形控件  5.5 键盘和鼠标事件过程  5.6 图形方法  5.7 ” 画图板”的具体实现 结束

5.1子系统”画图板”程序设计画图板”介绍5.1.1”本章将利用VB提供的绘图功能，设计一个“画图板”程序。该“画图板”程序能够选择不同的颜色和线宽，来画直线、曲线、圆、椭圆、矩形等，能保存所绘制的图形，能打开、显示、编辑一个已经存在的图形文件

5.1子系统”画图板”程序设计  5.1.1 ” 画图板”介绍  本章将利用VB提供的绘图功能，设计一个“画 图板”程序。  该“画图板”程序能够选择不同的颜色和线宽， 来画直线、曲线、圆、椭圆、矩形等，能保存所 绘制的图形，能打开、显示、编辑一个已经存在 的图形文件

5.1子系统”画图板”程序设计5.1.2"画图板”设计思路画图板”程序的设计思路是：在窗体上添加一个图片框作为“画布”1各种图形的绘制和显示均在其中进行利用VB菜单编辑器设计一个菜单栏，来对所画图形进行保存或打印，也可将一个已经存在的图形文件打开显示在图片框中，并进行编辑；菜单栏的创建及结构见图5-3所示

5.1子系统”画图板”程序设计  5.1.2 ” 画图板”设计思路  “画图板”程序的设计思路是：  1. 在窗体上添加一个图片框作为“画布” ， 各种图形的绘制和显示均在其中进行；  利用VB菜单编辑器设计一个菜单栏，来对所画 图形进行保存或打印，也可将一个已经存在的图 形文件打开显示在图片框中，并进行编辑；菜单 栏的创建及结构见图5-3所示

5.1子系统”画图板”程序设计1.通过一个单选按钮控件数组来选择设置所画的几何形状；2.通过一个单选按钮控件数组来选择设置所画的几何形状的线宽；3.通过一个标签控件数组来显示和选择设置所画的颜色；4.单选按钮控件数组、标签控件数组等使用框架来进行分组；用VB的各种绘图方法编写图片框的鼠标事件过程(Picturel MouseDown,Picturel MouseMove,PicturelMouseUp等）来具体实现各种图形的绘制

5.1子系统”画图板”程序设计  1. 通过一个单选按钮控件数组来选择设置所画的几何 形状；  2. 通过一个单选按钮控件数组来选择设置所画的几何 形状的线宽；  3. 通过一个标签控件数组来显示和选择设置所画的颜 色；  4. 单选按钮控件数组、标签控件数组等使用框架来进 行分组；  用VB的各种绘图方法编写图片框的鼠标事件过程 （Picture1_MouseDown、Picture1_MouseMove、 Picture1_MouseUp等）来具体实现各种图形的绘制

5.2图形操作基础5.2.1坐标系统在VisualBasic中，每个对象定位于存放它的容器内，对象定位都要使用容器的坐标系。例如，窗体处于屏幕（Screen）内，屏幕是窗体的容器。在窗体内绘制图像，窗体就是容器如果在图形框内绘制图形，该图形框就是容器。容器内的对象只能在容器界定的范围内变动，当移动容器时，容器内的对象也随着一起移动，而且与容器的相对位置保持不变。每个容器都有一个坐标系。构成一个坐标系，需要三个要素坐标原点、坐标度量单位、坐标轴的长度与方向。坐标度量单位由容器对象的ScaleMode属性决定

5.2 图形操作基础  5.2.1 坐标系统  在Visual Basic中，每个对象定位于存放它的容器内，对象 定位都要使用容器的坐标系。例如，窗体处于屏幕（Screen） 内，屏幕是窗体的容器。在窗体内绘制图像，窗体就是容器。 如果在图形框内绘制图形，该图形框就是容器。容器内的对 象只能在容器界定的范围内变动，当移动容器时，容器内的 对象也随着一起移动，而且与容器的相对位置保持不变。  每个容器都有一个坐标系。构成一个坐标系，需要三个要素： 坐标原点、坐标度量单位、坐标轴的长度与方向。坐标度量 单位由容器对象的ScaleMode属性决定

5.2图形操作基础5.2.2自定义坐标系有两种方法用于坐标系的定义。方法一：通过对象的ScaleTop、ScaleLeft、ScaleWidth和ScaleHeight四项属性来实现当改变ScaleTop或ScaleLeft的值后，坐标系的X轴或Y轴按此值平移形成新的原点。右下角坐标值为(ScaleLeft+ScaleWidth,ScaleTop+ScaleHeight）。根据左上角和右下角坐标值的大小自动设置坐标轴的方向。X轴与Y轴的度量单位分别为1/ScaleWidth和1/ScaleHeight。方法二：采用默认坐标系

5.2 图形操作基础  5.2.2 自定义坐标系  有两种方法用于坐标系的定义。  方法一：通过对象的 ScaleTop、ScaleLeft、 ScaleWidth和ScaleHeight四项属性来实现。  当改变ScaleTop或ScaleLeft的值后，坐标系的X轴 或Y轴按此值平移形成新的原点。右下角坐标值为 （ScaleLeft+ScaleWidth， ScaleTop+ScaleHeight）。根据左上角和右下角坐 标值的大小自动设置坐标轴的方向。X轴与Y轴的 度量单位分别为1/ScaleWidth和1/ScaleHeight。  方法二：采用默认坐标系

5.2图形操作基础图形层5.2.3VisualBasic在构造图形时，在三个不同的屏幕层次上放置图形的可视组成部分。就视觉效果而言最上层离用户最近，而最下层离用户最远位于上层的对象会遮盖下层相同位置上的任何对象，即使下层的对象在上层对象后面绘制。位于同一层内的对象在发生层叠时，位于前面的对象会遮盖位于后面的对象

5.2 图形操作基础  5.2.3 图形层  Visual Basic在构造图形时，在三个不同的屏幕层 次上放置图形的可视组成部分。就视觉效果而言， 最上层离用户最近，而最下层离用户最远。  位于上层的对象会遮盖下层相同位置上的任何对 象，即使下层的对象在上层对象后面绘制。位于 同一层内的对象在发生层叠时，位于前面的对象 会遮盖位于后面的对象

5.3绘图属性5.3.1当前坐标窗体、图形框或打印机的CurrebtX、CurrentY属性给出这些对象在绘图时的当前坐标。这两个属性在设计阶段不能使用。当坐标系确定后，坐标值(x,y)表示对象上的绝对坐标位置，如果坐标值前加上关键字Step，则坐标值(x,y)表示对象上的相对坐标位置，即从当前坐标分别平移x和y个单位，其绝对坐标值为(CurrebtX+x，CurrentY+y)

5.3 绘图属性  5.3.1 当前坐标  窗体、图形框或打印机的CurrebtX、CurrentY 属性给出这些对象在绘图时的当前坐标。这两个 属性在设计阶段不能使用。当坐标系确定后，坐 标值(x,y)表示对象上的绝对坐标位置，如果坐标 值前加上关键字Step，则坐标值(x,y)表示对象上 的相对坐标位置，即从当前坐标分别平移x和y个 单位，其绝对坐标值为(CurrebtX+x, CurrentY+ y)

5.3绘图属性5.3.2线宽窗体、图形框或打印机的DrawWidth属性给出这些对象上所画线的宽度或点的大小。DrawWidth属性以像素为单位来度量，最小值为1。5.3.3线型窗体、图形框或打印机的DrawStyle属性给出这些对象上所画线的形状。线型仅当DrawWidth属性值为1时才能产生。当DrawWidth的值大于1且DrawStyle属性值为1～4时，都只能产生实线效果。当DrawWidth的值大于1时，而DrawStyle属性值为6时，所画的内实线仅当是封闭线时起作用

5.3 绘图属性  5.3.2 线宽  窗体、图形框或打印机的DrawWidth属性给出这些对象 上所画线的宽度或点的大小。DrawWidth属性以像素为 单位来度量，最小值为1。  5.3.3 线型  窗体、图形框或打印机的DrawStyle属性给出这些对象上 所画线的形状。线型仅当DrawWidth属性值为1时才能产 生。当DrawWidth的值大于1且DrawStyle属性值为1～4 时，都只能产生实线效果。当DrawWidth的值大于1时， 而DrawStyle属性值为6时，所画的内实线仅当是封闭线 时起作用

5.3绘图属性5.3.4填充封闭图形的填充方式由FillStyle和FillColor两个属性决定FillColor指定填充图案的颜色，默认的颜色与ForeColor相同。FillStvle属性指定填充的图案，其中0为实填充它与指定填充图案的颜色有关。1为透明方式。5.3.5色彩VisualBasic默认采用对象的前景色（ForeColor属性）绘图，也可以通过以下颜色函数指定色彩：RGB函数通过红、绿、蓝三基色混合产生某种颜色。（1）RGB函数。RGB红,绿,蓝）（2）OBColor函数

5.3 绘图属性  5.3.4 填充  封闭图形的填充方式由FillStyle和FillColor两个属性决定。 FillColor指定填充图案的颜色，默认的颜色与ForeColor 相同。FillStyle属性指定填充的图案，其中0为实填充， 它与指定填充图案的颜色有关。1为透明方式。  5.3.5 色彩  Visual Basic默认采用对象的前景色（ForeColor属性）绘 图，也可以通过以下颜色函数指定色彩：RGB函数通过 红、绿、蓝三基色混合产生某种颜色。  （1）RGB函数。RGB(红,绿,蓝)  （2）QBColor函数