vb图形控件和图形方法.pptx

本章导读本章导读VB6.0VB6.0具有丰富的图形图像处理能力，它提供具有丰富的图形图像处理能力，它提供了一系列基本的图形函数、语句和方法，支了一系列基本的图形函数、语句和方法，支持直接在窗体或控件上产生图形、图像并对持直接在窗体或控件上产生图形、图像并对之加以处理。本章将介绍之加以处理。本章将介绍VBVB所提供的图形控所提供的图形控件和图形方法。件和图形方法。任务任务1 1 VBVB坐标系坐标系阶段阶段1 容器坐标系容器坐标系阶段阶段2 改变容器坐标系的改变容器坐标系的 Scale方法方法阶段阶段3 坐标刻度坐标刻度阶段阶段1 容器坐标系容器坐标系在在VBVB中，每个容器都有一个坐标系，坐标系中的中，每个容器都有一个坐标系，坐标系中的X X轴向轴向右、右、Y Y轴向下延伸，轴向下延伸，如如下下图所示窗体的坐标系统图所示窗体的坐标系统、框架控、框架控件的坐标系统。控件定位都要使用容器的坐标系。件的坐标系统。控件定位都要使用容器的坐标系。1.1.控件在容器中的位置属性控件在容器中的位置属性nTopTop属性：控件的该属性值是控件左上角到所在容器属性：控件的该属性值是控件左上角到所在容器上边沿的距离。如果控件外的容器为窗体，则控件的上边沿的距离。如果控件外的容器为窗体，则控件的TopTop属性值为控件左上角到所在窗体标题栏下边沿的属性值为控件左上角到所在窗体标题栏下边沿的距离。距离。nLeftLeft属性：控件该属性值是控件左上角到所在容器左属性：控件该属性值是控件左上角到所在容器左边沿的距离。边沿的距离。2.2.控件自身宽度、高度的属性控件自身宽度、高度的属性n nWidthWidthWidthWidth属性：该属性值为控件本身的宽度。属性：该属性值为控件本身的宽度。属性：该属性值为控件本身的宽度。属性：该属性值为控件本身的宽度。n nHeightHeightHeightHeight属性：该属性值为控件本身的高度。属性：该属性值为控件本身的高度。属性：该属性值为控件本身的高度。属性：该属性值为控件本身的高度。3.3.容器的坐标属性容器的坐标属性ScaleLeftScaleLeft属性：该属性值为容器左上角的横坐标，默认属性：该属性值为容器左上角的横坐标，默认值为值为0 0。ScaleTopScaleTop属性：该属性值为容器左上角的纵坐标，默认属性：该属性值为容器左上角的纵坐标，默认值为值为0 0。ScaleWidthScaleWidth属性：该属性值为容器自身的宽度值。属性：该属性值为容器自身的宽度值。ScaleHeightScaleHeight属性：该属性值为容器自身的高度值。属性：该属性值为容器自身的高度值。CurrentXCurrentX、CurrentYCurrentY属性：分别表示当前点在容器内的属性：分别表示当前点在容器内的横坐标、纵坐标。横坐标、纵坐标。阶段阶段2 改变容器坐标系的改变容器坐标系的Scale方法方法容器坐标系中，坐标系刻度单位的默认值为容器坐标系中，坐标系刻度单位的默认值为“缇缇”（1 1缇缇0.017640.01764毫米），容器的最小坐标毫米），容器的最小坐标值为左上角坐标，容器的最大坐标值为右下角值为左上角坐标，容器的最大坐标值为右下角坐标。坐标。利用利用ScaleScale方法可以改变原点的坐标并随之改方法可以改变原点的坐标并随之改变最大坐标值。变最大坐标值。格式：容器名格式：容器名.Scale(x1,y1)-(x2,y2).Scale(x1,y1)-(x2,y2)阶段阶段3 坐标刻度坐标刻度坐标刻度又称坐标单位，默认情况采用坐标刻度又称坐标单位，默认情况采用TwipTwip（缇）为单位。（缇）为单位。567567缇等于缇等于1 1厘米，厘米，14401440缇等于缇等于1 1英寸。英寸。VBVB程序设程序设计中，经常使用的刻度单位为：缇、磅和毫米。计中，经常使用的刻度单位为：缇、磅和毫米。通过设置容器的通过设置容器的ScaleModeScaleMode属性可以选择改变坐属性可以选择改变坐标系统的单位。标系统的单位。一一.设置（选择）标准刻度设置（选择）标准刻度 ScaleModeScaleMode属性值为属性值为1 1（默认默认值）值）：容器坐标系的刻度容器坐标系的刻度单位为单位为缇缇，1 1缇缇0.017640.01764毫米。毫米。ScaleModeScaleMode属性值为属性值为2 2：容器坐标系的刻度单位为磅，：容器坐标系的刻度单位为磅，1 1磅磅0.3530.353毫米。毫米。ScaleModeScaleMode属性值为属性值为3 3：容器坐标系的刻度单位为像素，：容器坐标系的刻度单位为像素，是显示器分辨率的最小单位。是显示器分辨率的最小单位。ScaleModeScaleMode属性值为属性值为4 4：容器坐标系的刻度单位为字符，：容器坐标系的刻度单位为字符，每个字符宽每个字符宽6 6磅，高磅，高1212磅。磅。ScaleModeScaleMode属性值为属性值为5 5：容器坐标系的刻度单位为英寸。：容器坐标系的刻度单位为英寸。ScaleModeScaleMode属性值为属性值为6 6：容器坐标系的刻度单位为毫米。：容器坐标系的刻度单位为毫米。ScaleModeScaleMode属性值为属性值为7 7：容器坐标系的刻度单位为厘米。：容器坐标系的刻度单位为厘米。二二.自定义刻度自定义刻度将将ScaleModeScaleMode值设置为值设置为0 0，则采用自定义刻度。，则采用自定义刻度。用用ScaleScale方法设置坐标系后，方法设置坐标系后，ScaleModeScaleMode值自动值自动变为变为0 0。反之，。反之，ScaleLeftScaleLeft、ScaleTopScaleTop、ScaleHeightScaleHeight、ScaleWidthScaleWidth属性被改变，属性被改变，ScaleModeScaleMode值自动变为值自动变为0 0，单位长度根据变化后，单位长度根据变化后的上述属性重新确定。的上述属性重新确定。任务任务2 2 图片框控件图片框控件阶段阶段1 图片框控件常用属性图片框控件常用属性阶段阶段2 图片框控件常用方法图片框控件常用方法阶段阶段1 图片框控件常用属性图片框控件常用属性一一一一.Picture.Picture.Picture.Picture 属性（字符串类型）属性（字符串类型）属性（字符串类型）属性（字符串类型）设计时选取设计时选取：在界面设计时，选中该图片框控件属性在界面设计时，选中该图片框控件属性窗口中该属性，在弹出的窗口中该属性，在弹出的Load_PictureLoad_Picture对话框中选择所对话框中选择所要显示的图片文件，相应的图片随之被加载到图片框中。要显示的图片文件，相应的图片随之被加载到图片框中。运行时装入运行时装入：程序运行时，可用程序运行时，可用LoadPictureLoadPicture函数装函数装入图片到图片框控件中。入图片到图片框控件中。二二.AutoSize.AutoSize 属性（逻辑类型）属性（逻辑类型）AutoSizeAutoSize属性值为属性值为TureTure时，图片框的边界会随时，图片框的边界会随着所装入图片的大小变化而变化。此时在设计着所装入图片的大小变化而变化。此时在设计窗体过程中就应该特别小心，图片将不考虑窗窗体过程中就应该特别小心，图片将不考虑窗体上其他控件而自动调整大小，可能导致意想体上其他控件而自动调整大小，可能导致意想不到的后果，如覆盖其他控件等。所以应慎用，不到的后果，如覆盖其他控件等。所以应慎用，以免影响窗体界面的完整性。以免影响窗体界面的完整性。三三.Align.Align属性属性(整数整数0 04)4)图片框控件的图片框控件的AlignAlign属性值为属性值为0 0：标准位置，图：标准位置，图片框再原位置。片框再原位置。图片框控件的图片框控件的AlingAling属性值为属性值为1 1，则图片框贴紧，则图片框贴紧到窗体的上边；到窗体的上边；AlignAlign属性值为属性值为2 2，则图片框贴，则图片框贴紧到窗体的下边。紧到窗体的下边。阶段阶段2 图片框控件常用方法图片框控件常用方法一一一一.Print.Print方法方法方法方法图片框可以用来显示图片框可以用来显示图片框可以用来显示图片框可以用来显示PrintPrint方法输出的文本，格式如下：方法输出的文本，格式如下：方法输出的文本，格式如下：方法输出的文本，格式如下：图片框控件名称图片框控件名称图片框控件名称图片框控件名称.Print.Print输出表输出表输出表输出表二二二二.Cls.Cls方法方法方法方法图片框山除了所装入的图片外，其他的所有文字、图形图片框山除了所装入的图片外，其他的所有文字、图形都可以用都可以用Cls方法擦除，格式如下：方法擦除，格式如下：图片框控件名称图片框控件名称.Cls任务任务3 3 影像框控件影像框控件阶段阶段1 影像框控件常用属性影像框控件常用属性阶段阶段2 影像框控件常用事件影像框控件常用事件阶段阶段1 影像框控件常用属性影像框控件常用属性一一.Picture.Picture 属性（字符串类型）属性（字符串类型）与与图图片片框框控控件件的的PicturePicture属属性性一一样样，可可以以在在设设计计时时设设置，也可以在程序运行时用置，也可以在程序运行时用Load_PictureLoad_Picture函数装入。函数装入。二二.Stretch.Stretch属性（逻辑类型属性（逻辑类型）影影响响框框控控件件Stretch属属性性设设置置为为Fakse（默默认认值值）时时，可可根根据据图图片片的的大大小小手手工工调调整整控控件件的的大大小小，以以达达到到满满意意的的显显示示效效果果；当当设设置置为为True时时，将将根根据据控控件件的的大大小小来来自自动动调调整整图图片片的的大大小小，这这时时若若调调整整影影像像框框的的大大小小，可可能能会会使使图片变形，影响图像的真实显示。图片变形，影响图像的真实显示。影像框控件与图片框控件可以响应的事影像框控件与图片框控件可以响应的事件过程大体相同，如件过程大体相同，如ChangeChange、ClickClick、MouseDownMouseDown、MouseUpMouseUp、MouseMoveMouseMove等常用事等常用事件。件。阶段阶段2 影像框控件常用事件影像框控件常用事件任务任务4 4 形状控件和直线控件形状控件和直线控件阶段阶段1 形状控件形状控件阶段阶段2 直线控件直线控件阶段阶段1 形状控件形状控件工具箱中形状控件的图标为工具箱中形状控件的图标为 。形形状状控控件件默默认认的的控控件件名名称称为为：Shape1Shape1、Shape2Shape2、一一.形状控件常用属性形状控件常用属性 Shape属性属性 BorderStyle属性（整数属性（整数06）一一.形状控件常用属性形状控件常用属性（1 1）ShapeShape属性。形状控件用于创建指定的图形，通过设属性。形状控件用于创建指定的图形，通过设置置ShapeShape属性来得到所需要的形状，画出正方形、矩形、属性来得到所需要的形状，画出正方形、矩形、圆和椭圆等。圆和椭圆等。（2 2）BorderStyleBorderStyle属性。该属性定义圆形边框样式。属性。该属性定义圆形边框样式。（3 3）FillStyleFillStyle属性。该属性用于指定图形的填充样式。属性。该属性用于指定图形的填充样式。（4 4）其他常用属性如下：）其他常用属性如下：FBorderColorBorderColor：设置边框颜色。：设置边框颜色。FFillColorFillColor：设置填充颜色。：设置填充颜色。FBorderWidthBorderWidth：设置边框宽度。：设置边框宽度。阶段阶段2 直线控件直线控件工具箱中直线控件的图标为工具箱中直线控件的图标为 。直直线线控控件件默默认认的的控控件件名名称称为为：Line1、Line2、直线控件与形状控件相似，但只用于画线。直线控件与形状控件相似，但只用于画线。阶段阶段2 直线控件直线控件同形状控件的边框样式属性一样，同形状控件的边框样式属性一样，Line控件通过对边框控件通过对边框样式属性的设置定义该控件所显示的直线的线形，其不样式属性的设置定义该控件所显示的直线的线形，其不同取值表示不同的线形，分别为透明、实线、长虚线、同取值表示不同的线形，分别为透明、实线、长虚线、虚线、点画线、双点画线等，如下图所示。虚线、点画线、双点画线等，如下图所示。任务任务5 5 图形方法图形方法阶段阶段1 使用颜色使用颜色阶段阶段2 图形方法图形方法阶段阶段1 使用颜色使用颜色VB VB 6.06.0使使用用的的颜颜色色用用一一个个长长整整型型数数（通通常常用用1616进进制制）表表示示，如如&HFFFF00&HFFFF00&。其其数数值值由由3 3部部分分组组成成：右右边边的的两两位位（1616进进制制数数，下下同同）代代表表红红色色的的亮亮度度值值，中中间间的的两两位位代代表表绿绿色色的的亮亮度度值值，左左边边的的两两位位代代表表蓝蓝色色的的亮亮度值。度值。阶段阶段1 使用颜色使用颜色一一一一.颜色函数颜色函数颜色函数颜色函数 RGBRGB函函数数：RGBRGB函函数数是是颜颜色色函函数数中中最最常常用用的的一一个个，其其格格式为：式为：RBGRBG（Red,Green,BlueRed,Green,Blue）QBColorQBColor函函 数数：QBColorQBColor函函 数数 的的 使使 用用 格格 式式：QBColorQBColor（ColorColor）。ColorColor参参数数是是一一个个介介于于0 0到到1515的的整整数数如下表如下表二二.使用预定义常量使用预定义常量预定义常量在预定义常量在VB6.0内部定义，读者可以在视内部定义，读者可以在视图菜单的图菜单的“对象浏览器对象浏览器”中选择中选择Color Constants查看所有这些常量，在程序中不需要查看所有这些常量，在程序中不需要声明就可以直接使用。声明就可以直接使用。三三.直接赋值直接赋值如果知道具体的颜色值，也可以直接给如果知道具体的颜色值，也可以直接给颜色属性赋值。颜色属性赋值。阶段阶段2 图形方法图形方法一一.画点方法画点方法PsetPset格式：格式：格式：格式：容器容器容器容器.Pset step(x,y),color.Pset step(x,y),color.Pset step(x,y),color.Pset step(x,y),color二二.返回某点颜色值的函数返回某点颜色值的函数PointPoint格式：格式：Point(x,y)Point(x,y)该函数的返回值为点该函数的返回值为点(x,y)(x,y)的颜色值。的颜色值。三三.画线、矩形方法画线、矩形方法LineLine 两两 点点 连连 线线 格格 式式：.Line(x1,y1)-.Line(x1,y1)-(x2,y2),Color(x2,y2),Color 多多点点折折线线:连连续续使使用用默默认认起起点点画画两两点点连连线线的的语语句句，可可以以绘绘制制多多点点折折线线：每每句句的的终终点点位位置置为为下下一一句句的的起起点点位位置置，首句或是采用格式首句或是采用格式1 1，或是以当前输出位置作为起点，或是以当前输出位置作为起点 矩矩形形与与填填充充矩矩形形格格式式：.Line(x1,y1)-.Line(x1,y1)-Step(x2,y2),Color,BStep(x2,y2),Color,B四四.圆、圆弧与椭圆方法圆、圆弧与椭圆方法CircleCircle（1 1）画圆格式：）画圆格式：.CircleStep(x,y),radius,Color.CircleStep(x,y),radius,Color（2 2）画圆弧格式：）画圆弧格式：.CircleStep(x,y),radius,Color.CircleStep(x,y),radius,Color，start,endstart,end（3 3）画椭圆（弧）格式：）画椭圆（弧）格式：.CircleStep(x,y),radius,Color.CircleStep(x,y),radius,Color，start,end,aspectstart,end,aspect