第五讲 图形控件和图形方法.pptx

第五讲 图形控件和图形方法 浙江理工大学信息学院 姜旭升 2012-4 第6章 图形控件和图形方 6.1 图形控件 6.2 Visual Basic坐标系 6.3 图形方法 6.4 小 结 图片框控件 功能： 显示图片； 作为其它控件的容器，拥有独立的坐标系，可以在其中打印或绘图。 图片框： PictureBox 图片框控件的重要属性 Picture属性：在设计时选择一个图像文件； 运行时设置Picture属性： picture1.picture=loadpicture(“文件名”) picture1.picture=picture2.picture AutoSize属性：决定图片框大小是否按图片大小自动调整； Align属性：决定图片框在窗体中的位置； None: 位置随意，大小自定； Left：左对齐，高度占据整个窗体区域； Bottom：底对齐，宽度占据整个窗体区域； Top：顶对齐，宽度占据整个窗体区域； Right：右对齐，高度占据整个窗体区域。 图片框控件的常用方法 Print方法：在图片框内打印文字 picture1.print […] Cls方法：清除打印的文字和绘图。 picture1.Cls Image(影像)控件 影像控件 影像框控件只能用于显示图像，不支持图形方法，也不能当作容器来使用。 Image控件 影像控件的常用属性 Picture属性：与图片框picture属性一致； Stretch属性：True|False。 True：图像的大小主动适应影像控件的大小。图像纵横比可能会发生变化。 False：控件大小自适应于图像大小。 举例 照片浏览器设计 形状控件 在设计时绘制几何图形： Shape属性： ◆0或VbShapeRectangle：控件形状为矩形 。 ◆1或VbShapeSquare：控件形状为正方形。 ◆2或VbShapeOval：控件形状为椭圆形。 ◆3或VbShapeCircle：控件形状为圆形。 ◆4或VbShapeRoundedRectangle：控件形状为圆角矩形。 ◆5或VbShapeRoundedSquare：控件形状为圆角正方形。 直线控件 在设计时绘制直线 直线端点坐标(x1,y1)-(x2,y2) BorderColor：直线的颜色 BorderStyle：线型 DrawMode：与背景颜色的运算关系 （x1,y1) (x2,y2) 容器坐标系 VB中的容器： Form，Frame，PictureBox 控件在容器中的位置属性 Top属性和Left属性。 Top和Left属性均指控件在其容器中的坐标位置。 图6-11 Visual Basic坐标系示例 y x 容器坐标系 容器（窗体、图片框）的坐标属性 (1) ScaleLeft：容器左上角的横坐标值，缺省值为0。 (2)ScaleTop：容器左上角的纵坐标值，缺省值为0。 (3) ScaleWidth：容器内部的宽度值（ClientArea）。 (4) ScaleHeight：容器内部的高度值（ClientArea）。 (5) CurrentX、CurrentY：当前输出位置。 通过改变前四个属性的值来重新定义： 坐标原点和坐标轴方向; 坐标刻度。 改变容器坐标系的原点和自定义刻度 容器名.Scale (x1,y1)-(x2,y2) 相当于： ◆ 容器名.ScaleLeft=x1 ◆ 容器名.ScaleTop=y1 ◆ 容器名.ScaleWidth=x2-x1 ◆ 容器名.ScaleHeight=y2-y1 容器 (x1,y1) (x2,y2) 问题 容器2 容器1 容器2的width,Height属性与容器1中的ScaleTop,ScaleLeft,ScaleHeight,ScaleWidth有什么关系？ 改变坐标系 例：通过scale方法改变一个正方形图片框控件的坐标系。将原点移到几何中心，纵轴向上。坐标系左上角为（-10，10），右下角为（10，-10）。在MouseMove方法中调用图片框的print方法在左上角显示当前鼠标坐标和用户区域高度与宽度。 坐标刻度 如果通过scale方法改变了坐标系，则坐标刻度便为“用户自定义”的相对坐标,scalemode=0。否则，ScaleMode就是具有以下的绝对刻度值： ◆ScaleMode属性值为1，容器坐标系的刻度单位为缇，1缇≈0.01764毫米≈0.05磅 ◆ ScaleMode属性值为2，容器坐标系的刻度单位为磅，1磅≈0.353毫米。 ◆ ScaleMode属性值为3，容器坐标系的刻度单位为像素，是显示器分辨率的最小单位。 ◆ ScaleMode属性值为4，容器坐标系的刻度单位