第8篇 VB图形设计课件.ppt

第8章 图形设计 主讲：XXXX TEL：XXXX 第8章 图形设计 8.1 导学实例 8.2 坐标系统的设置 8.3 绘图属性 8.4 图形控件 8.5 图形方法 8.6 综合应用 8.7 扩展与提高 8.1 导学实例 图形能使程序的运行更生动，用户操作更简洁。 而VB则具有强大的图形功能，其不仅能通过图形控件进行图形操作，而且还可以通过图形方法在窗体或图片框中绘制各种图形。 8.1 导学实例 1.实例 [例8.1] 制作一张电子贺卡。 功能：当用鼠标单击窗体后，会显示“快乐学 VB！”的字幕，同时背景将会出现五颜六色的点，并随着鼠标的单击不断变换点的显示位置。 编程说明： （1）使用Scale方法重新定义窗体坐标系统； （2）使用DrawWidth属性值设置点的大小； （3）由于背景要求出现颜色变换的点，故可用随机函数作 为QBColor函数的颜色参数以实现色彩的改变； （4）调用画点的Pset方法实现绘制。 8.2 坐标系统的设置 VB开发图形应用程序的首要步骤是定义图形载体对象的坐标系统。 正如日常在纸上绘画前所做的布局考虑，只有确定好坐标系统，才能绘制出精致的图形。 例8.1在窗体中画图，窗体就是容器。对象在容器中 的定位需要使用容器的坐标系统。 容器的坐标系统由默认坐标系统与自定义坐标系统构成。 8.2 坐标系统的设置 1.默认坐标系统 容器默认的坐标系统由三个要素构成：坐标原点、坐标度量单位、坐标轴的长度与方向。 如书图8-2所示： 容器的左上角为坐标原点(0,0)，横向向右为x轴的正方向，纵向向下为y轴的正方向。 坐标度量单位由容器对象的ScaleMode属性决定。 ScaleMode属性值与对应的度量单位如表8-1所 示。其缺省时为Twip。 8.3 绘图属性 8.3.1 CurrentX和CurrentY属性 [例8.2]文字定位输出。 功能：在窗体上成斜线型显示“广西工学院” 这行文本7次。 编程说明： （1）使用Scale方法重新定义窗体坐标系统； （2）用For循环实现文字的7次输出 ； （3）每次在输出文本前首先对CurrentX和CurrentY赋 值，以便设定好文本的输出位置 ； （4）本例使用了循环变量k的值为文本输出位置定位，即将k变量的值赋予系统定义的当前坐标变量CurrentX，CurrentY。 8.3.2 DrawWidth和 DrawStyle属性 [例8.3] 标签背景颜色变换。 功能：分别使用QBColor颜色函数和RGB颜色函数 定义两标签的背景颜色，并且实现背景颜色的实时 变换。 编程说明： （1）由于要求实现颜色的自动变换，故分别添加计时器Timer1和Timer2。 （2）QBColor颜色函数获取控制颜色函数的参数i值，RGB颜色函数获取控制颜色函数的参数x、y与z值，随着时间的变化，颜色函数的参数值不断改变从而实现标签背景颜色的变换。 [例8.4] 画点。 功能：使用Pset方法在图片框中任意位置绘制 100个五颜六色的点。 编程说明： （1）使用随机函数Rnd获取参数x值和y值，从而确定绘制点的坐标值； （2）调用Pset方法实现点的绘制； （3）由于需要呈现多彩的点的效果，故可用随机函数作为QBColor函数的颜色参数以实现色彩的改变。 [例8.5] 画三角形和矩形。 功能：使用Line方法在窗体上绘制由三条直线组成的三角形以及矩形。 编程说明： （1）三角形的构成需要三条直线相连接。 因而每条直线绘制时的起点坐标和终点坐标的设置都必须相关联。 （2）矩形的绘制可以直接采用Line方法实现。 [例8.6] 画直线。 功能：使用Line方法在图片框中绘制100条五颜六色的直线。 编程说明： （1）使用Scale方法定义图片框的坐标系统； （2）使用图片框的实际宽度（ScaleWidth属性）与高度（ScaleHeight属性）的一半获取直线的起点坐标x1和y1的值，通过随机函数获取终点坐标x2和y2值； [例8.7] 画矩形。 功能：使用Line方法在图片框中绘制多个彩色同心矩形。运行界面如图8-12。 编程说明： 矩形与直线的绘制仅在Line方法的使用格式上添加了关键