当前位置:文档之家› VB图形设计

VB图形设计

[教案]
(十二)图形设计
授课方式:讲授法
授课学时:2学时
教学目的:
通过本次课的学习,学生应该掌握用直线控件和形状控件绘制各种图形的方法,并且学会所用控件的各种属性,熟练掌握Line、Circle和Pset这三种图形方法。

教学重点和难点:
1.直线控件和形状控件的使用;
2.Line、Circle和Pset这三种图形方法的具体应用。

教学过程:
一、系统标准坐标系
1.构成坐标系的三要素--坐标原点、坐标度量单位和坐标轴的长度与方向
2.系统自带的坐标系--坐标原点的位置和坐标轴的长度与方向
3.标准坐标系建立
(1)坐标原点的建立
(2)坐标度量单位的选择
(3)坐标轴的长度与方向的建立
二、自定义坐标系
1.自定义坐标系建立与取消的方法--Scale方法
2.Scale方法的语法格式以及各个参数的具体含义
三、图形控件
1.直线控件(Line)
(1)直线控件的用途
(2)通过例题讲解怎样用直线控件来画图形
2.形状控件(Shape)
(1)形状控件的用途
(2)通过例题讲解怎样用形状控件来画图形
四、图形方法
1.Line方法
(1)Line方法的具体功能以及它和直线控件的区别
(2)Line方法的语法格式
(3)通过例题讲解怎样应用Line方法来画图形
2.Circle方法
(1)Circle方法的具体功能
(2)Circle方法的语法格式
(3)通过例题讲解怎样应用Circle方法来画图形
3.PSet方法
(1)PSet方法的具体功能
(2)PSet方法的语法格式
(3)通过例题讲解怎样应用PSet方法来画图形
学生作业:
上机实验八:图形程序设计
[讲稿]
(十二)图形设计
12.1 系统标准坐标系
在VB中,每具对象定位于存放它的容器内,对象定位都要使用容哭喊听坐标系,对象的Left.Top属性指示了该对象在容器内的位置。

例如:窗体处于屏幕内,屏幕是窗体的容器;
在窗体内绘制控件,窗体就是控件的容器
在图形框内绘制图形,该图形框就是容器。

对象只能在容器界定的范围内变动。

当移动容器时,容器内的对象也随着一起移动,而且与容器的相对位置保持不变。

每一个容器都有一个坐标系。

构成一个坐标系需要三个要素:坐标原点、坐标度量单位、坐标由长度与方向。

VB提供了系统标准和用户自定义两种方法的坐标系。

1、坐标原点~根据Scaletop和Scaleft两个属性值形成的。

(1):Scaletop:控制器对象左边的坐标。

(2):Scaleleft;控制器对象顶端的坐标
所有对象的Scaletop及Scaleleft的属性的默认值均为0,坐标原点在左上角。

2、标度量单位~Scalenlode属性控件。

坐标系的度量单位常用的有8种,详见教材126页的表8-1
注意:改变Scalemode属性并不改变器的大小和它在窗体上的位置,只是改变它的度量的单位而已。

3、坐标原点~根据Scaletop和Scaleft两个属性值形成的。

4、坐标轴的长度与方向
(1) Scaleteight
(2) Scalewidth
(3) Height
(4) Width
无论采用哪种坐标单位,默认的坐标原点为对象的左上角,横向向右为X轴的正向。

纵向向下为Y轴的正向。

12.2 自定义坐标系
由于系统默认的坐标系统对于绘制某些曲线图形不太方便,因而用户可以通过修改它们的属性来自行定义坐标系。

Scale方法是建立用户坐标系最方便的方法。

其语法格式为:
〔对象〕Scale[(xleft,ytop)-(xright,ybutton)]
其中:(1)对象可以是Form、Picturebox或Priinter(打印机)
如果省略对象名,则为带有焦点的窗体对象。

(2)(xleft,ytop)表示对象左上角坐标值。

(3)(xright,xbatton)表示对象的右上角坐标值。

}均为单精度的值VB根据给定的坐标参数计算出Scaeleft,Scaletop.Scalewidth和Scaehight的值。

Scaleleft=xleft
Scaletop=ytop]
Scalewidth=xright-xleft
Scaleheight=ybotton=ytop
(4)当Scale方法不带参数时,则取消用户自定义的坐标系,而采用默认坐标系。

12.3 图形控件
一、直线的控件Line
1、用途
可以在窗体或图片框上画直线
2、属性
(1)Borderlolor~返回或设置直线的颜色、
(2)Borderstyle~返回或设置直线的样式,见教材128表8-2
(3)Borderwidth~返回或设置直线直线的高度。

直线的类型由Borderstyle与Borderwidth共同的决定它们是相互影响的,详见教129表8-3
注意:教129注
(4)x1,x2~x轴方向上的起点和终点、
(5)y1,y2~Y轴……
二、形状控件
1、用途
用来画矩形、正方形、椭圆、圆、圆角矩形及圆角的正方形。

2、属性
(1)shape~设置图形的形状,详见P130表8-4
(2)Fillstyle~填充样式,详见P130表8-5
(3)Borderwidth~边框宽度
(4)Borderstyle~边框的样式
(5)Backcolor~背景颜色
(6)Bordercolor~边框颜色
(7)Fillcolor~填充颜色
12.4 图形方法
一、Line方法
1、功能:在窗体或图片框上画窗体直线和矩形还可绘制各种曲线。

2、语法格式:
〔对象〕line[〔stop〕(x1,y1)]-[stop](x2,y2)[颜色]〔,b[f]〕
其中:
(1)对象~form ,Picturebox,缺省时为Form
(2)(x1,y1)~线段的起点坐标或矩形的左上角坐标
(x2,y2)~……终点………………右下角……
(3)第一个Stop~起始坐标相对于当前坐标偏移量
第二个Stop~(x2,y2)相对于(x1,y1)的偏移量
(4)颜色~为直线设置颜色,可用Qbcolor函数或RGB函
数来指定,若缺省则直线的颜色由Forecolor属性值来确定。

(5)B~表示画矩形
(6)F~用所画矩形边框的颜色来填充矩形。

①宽度和样式
用Line方法画直线时,直线的宽度和样式取决于直线所在中对象的Drawwidth属性Drawstyle属性。

②例题P133例3
二、Corcle方法
1、用途:用于画圆、椭圆、圆弧和扇形
2、语法格式:
〔对象〕Cirde[step](x,y),半径〔,〔颜色〕〔,起始角〕〔,终
止角〕〔,长度轴比率〕〕
其中:
(1)对象~Form\Picturebox或打印机,默认为窗体。

(3)step~指圆心坐标不敢当前坐标的偏移量。

(2)(x,y)~圆心坐标
(4)半径~半径的长度
(5)颜色~所画图形的颜色
(6)起始角~圆弧或椭圆弧的开始角度*当起始角,终止角取值在0~2∏弧终止角~………………终止……*当在……………前加一负号,画出扇形,负号表示画圆弧的径向线
长度轴比率~默认值为1,画出的是圆,不为1时画椭圆。

三、PSet 方法
1、用途:绘制点
2、语法格式:
对象〕Pset〔Stop〕(x,y)[颜色]
其中:
(2)(x,y)~指示所画点的水平坐标和垂直坐标
(1)对象~form, Picturebox..打印机
(3)step~所画眯的坐标与当前偏移量
(4)颜色~指定的颜色
3、例题P136例6,例7。

相关主题