[其它]第8章 VB图形设计课件.ppt

第8章 图形设计 主讲：俆奕奕 第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.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.6] 画直线。 功能：使用Line方法在图片框中绘制100条五颜六色的直线。 编程说明： （1）使用Scale方法定义图片框的坐标系统； （2）使用图片框的实际宽度（ScaleWidth属性）与高度（ScaleHeight属性）的一半获取直线的起点坐标x1和y1的值，通过随机函数获取终点坐标x2和y2值； [例8.7] 画矩形。 功能：使用Line方法在图片框中绘制多个彩色同心矩形。运行界面如图8-12。 编程说明： 矩形与直线的绘制仅在Line方法的使用格式上添加了关键字B。故该程序的设计思路与例8.6相似。 [例8.8] 圆、椭圆、圆弧及扇形。 功能：使用Circle方法在窗体上绘制圆、椭圆、圆弧以及扇形这些图形。运行界面如图8-13。 [例8.9] 画圆。 功能：使用Circle方法在图片框中绘制多个同心圆。 [例8.10] “画笔”程序。 功能：制作一个画板，能够使用鼠标在画板上随意绘制各种图形。 [例8.11] 图像复制。 功能：使用Point方法实现将图片框控件Picture1中的图像复制到Picture2。 [例8.12]图像缩放、翻转。 功能：使用PaintPicture方法，对图片框中的图像进行改变大小、翻转操作。 （3）圆弧与扇形的绘制通过参数起始角，终止角控制， 单位是弧度。 当起始角、终止角取值在0-2?时为