第8章图形处理.ppt
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
【例8-3】在一图片框上建立满足以下条件的坐标系：图片框的左上角的坐 标设置为（200，200）；X轴的正方向为向右，最大值为1200；Y轴的正方 向为向上，最大值为750
课后作业
上机实验
时钟
退出
目标要求 讲课提纲 讲课内容 课后作业 上机实验
第8章 图形处理
8.2 设置坐标系
建立自定义坐标系的方法
时钟
退出
第8章 图形处理
8.2 设置坐标系
目标要求 讲课提纲 讲课内容 课后作业
坐标系：默认坐标系和用户自定义坐标系，用于控件的定位和图形 的定位
8.2.1 默认坐标系
默认值坐标系：只有容器类控件和窗体才能设置坐标系
窗体默认坐标系：坐标原点为窗体的左上角，含有水平和垂直两个坐 标轴，水平方向为X轴，垂直方向为Y轴，向右为X轴的正方向，向下 为Y轴的正方向。图8-7中红色的坐标系
注意：向图片框添加控件时，必须先在工具箱中选中控件，然后按住鼠标 左键，在图片框上拖动一下，便向图片框中添加了该控件
坐标系单位：默认单位为缇（twip），1440缇等于1英寸。除了使用默认单 位之外，用户还可以通过设置窗体、图片框的ScaleMode属性来设定单位。 ScaleMode常用属性值将表8-3
时钟
退出
第8章 图形处理
目标要求 讲课提纲 讲课内容 课后作业 上机实验
8.1 图形控件
8.1.2 图像框
功能：主要用来显示各种不同格式的图片，但图像框控件不 支持绘图的方法和显示文字, 而且还不能向图像框中添加任何控件
常用属性
Picture属性：同图片框，加载删除图片的方法也和图片框一样 Stretch属性：功能同图片框的AutoSize属性，返回或设置图
设置填充样式的语法结构
对象名.FillStyle＝属性值
其中“对象名”为窗体或图片框的名称，
“属性值”为表8-6中的“属性值”或“常数” 填充图案颜色的选择： 设置FillColor属性
设置填充图案颜色的语法结构 对象名.FillColor＝value
其中value值可以是Visual Basic6.0中的一些常量颜色值， 如vbRed（红色），vbBlue（蓝色），vbGreen（绿色），vbBlack（黑色）， vbWhite（白色）等，还可以通过RGB函数来选择颜色。RGB函数的语法结构如下
对象名.DrawMode=属性值 其中“对象名”为窗体或图片
框
的名称，“属性值”为表8-5中
的“属性值” 或“常量值”
时钟
退出
第8章 图形处理
8.3 设置绘图属性
目标要求 讲课提纲 讲课内容 课后作业 上机实验
8.3.3 填充样式和填充颜色
填充样式的选择：图形必须是封闭的，填充样式的选择是通过FillStyle属性来设置的， FillStyle常用属性值见表8-6
《可视化编程应用VisualBasic6.0》 第8讲
第8章 图形处理
目标要求
目标要求 讲课提纲 讲课内容 课后作业 上机实验
掌握图片框和图像框两种控件的常用属性 了解图片框和图像框之间的区别 掌握简单的图像处理的技巧 掌握建立自定义坐标系的方法 掌握线条类型、线条宽度、绘图模式、填充样式、填
注意：只有实线有粗细之分，对于其他类型的线条而言， DrawWidth属性只能取 1。如果DrawWidth为大于1的数时，则DrawStyle属性会自动的设为0，即此时线 条只能是实线
时钟
退出
第8章 图形处理
8.3 设置绘图属性
目标要求 讲课提纲 讲课内容 课后作业 上机实验
8.3.2 绘图模式
RGB(red,green, blue) 其中“red”，”blue”，”green”都为整型数值，取值范围都为0～255，通过这3个参数 不同的搭配可以配置出任何的颜色。如，RGB(255,0,0)为深红，RGB(0,0,255)为蓝 色，RGB(0，255，0)为绿色
时钟
退出
第8章 图形处理
Picture：必需参数。要加载到控件上的图形。对于图片框控 件，必须是Picture属性。在例8.1中，该参数为图片框的 Picture属性
x1，y1：必需参数。指定目标图片起点的横坐标和纵坐标。 图片被编辑后，图片必定有一个新的样式，编辑后的图片通 常称为目标图片。在【例8-1】中，图片的移动图片便是通过 改变x1,y1的值来实现的
删除图片的方法：单击Picture属性栏，让光标停在Picture属性栏， 然后按Delete键便可删除图片框中的图片
注意：如果在程序中设置Picture属性，可以使用LoadPicture函数直 接加载
常用事件： Click事件、MouseMove事件、MouseDown事件等 常用方法
第8章 图形处理
8.1 图形控件
PaintPicture方法的语法结构
对象名.PaintPicture picture，x1，y1，width1，height1，x2，y2， width2， height2，opcode
常用法的控件名称。在例8.1中，对象 名为图片框控件的名称“picCat”
常用属性
AutoSize属性：决定着图片框是否自动调整尺寸 说明：它有两个取值：True或False，当为True时，图片框自动调 整尺寸以便将图形完整的显示出来；当为False时，图片框的尺寸 是固定不变、不可调整的，当所显示的图像的尺寸比图片框的尺 寸大时，便只能显示图像的一部分，其余部分将会被剪掉。 AutoSize属性的默认值为False，但为了将整幅图片显示在图片框 中，一般将AutoSize属性设为True
对象名.DrawStyle＝属性值 其中对象名可为窗体的名称或图片框的名称，属性值可取表8-4中的“属性值”或常
量
线宽的选择：只有实线才能设置线宽（即DrawStyle属性为0）而言，线宽的设置是通 过 DrawWidth属性来设置，并以像素为单位 设置线宽的语法结构 对象名.DrawWidth＝属性值 其中“对象名”为窗体或图片框的名称，“属性值”为大于1的任意数，包括整数和 小数
绘图模式:图形颜色与绘图 区底色之间或图形颜色之 间的逻辑关系
绘图模式的选择：设 置DrawMode属性， DrawMode常用属性见 表 8-5。图形显示的效 果，不仅与图形的颜色
有关，而且还与
DrawMode属性的有关。 通过设置DrawMode属 性来控制图形显示的效
果
设置绘图模式的语法结构
充颜色的设置方法 掌握常用绘图方法 掌握直线控件和形状控件的常用属性
掌握简单动画效果的实现技巧
时钟
退出
目标要求
讲课提纲
讲课内容
课后作业
第8章 图形处理 讲课提纲
图形控件 坐标系的设置 绘图属性的设置 基本图形的绘制 绘图专用控件 动画处理
上机实验
时钟
退出
Scale方法 Scale方法的语法结构如下 对象名.Scale(x1,y1)-(x2,y2) 说明：其中对象名一般为窗体或图片框的名称，如Picture1，x1相 当于ScaleLeft属性，y1相当于ScaleTop属性，x2-x1相当于 ScaleWidth属性，y2-y1相当于ScaleHeight属性
像框中的图片是否要调整尺寸以适应图像框的尺寸，它有两个 取值：True或False。其值为True时，图片自动调整尺寸以适应 图像框的尺寸；其值为False时，图片按原始尺寸显示，系统 自动调整图像框的尺寸来适应图片的尺寸，默认值为False 提示：图片框控件使用起来占的系统资源比图片框控件小， 重画起来也比图片框控件要快，因此如果只是简单的显示图 片的话，一般最好使用图片框控件
使用ScaleWidth、ScaleHeight、ScaleTop、ScaleLeft属性 ScaleTop、ScaleLeft属性：返回或设置窗一个对象左上角的坐 标，其中ScaleLeft用于设置横坐标， ScaleTop用于设置纵坐标。 通过设置ScaleTop、ScaleLeft属性来定义坐标系原点的位置 ScaleWidth、ScaleHeight属性：用于设置X轴长度和Y轴长度， ScaleWidth用于设置X轴的长度，ScaleHeight用于设置Y轴的长度 。 设置自定义坐标系方向： ScaleWidth，ScaleHeight属性设为负值； ScaleWidth为负，则表示X轴的正方向为向左；ScaleHeight属性为 负值，则表示Y轴的正方向为向上
时钟
退出
第8章 图形处理
8.3 设置绘图属性
目标要求 讲课提纲 讲课内容 课后作业 上机实验
绘图属性的设置：线条类型、线条的宽度、绘图模式等属性。另外如果所绘的图是封 闭的，比如说，矩形或者圆，这时还要设置填充样式和填充颜色
8.3.1 线型与线宽
线型的选择：设置DrawStyle属性， DrawStyle的常用属性值见表8-4。 DrawStyle属性的默认值为1，即实线 设置线型的语法结构：
容器类控件默认坐标系：坐标原点控件的 左上角，水平方向为X轴，垂直方向为Y轴， 向右为 X轴的正方向，向下为Y轴的正方向。 如图8-7中蓝色坐标系
上机实验
时钟
退出
目标要求 讲课提纲 讲课内容 课后作业 上机实验
第8章 图形处理
8.2 设置坐标系
默认坐标系的功能：窗体的默认坐标系用于窗体上的控件的定位（Left、 Top属性值） ； 容器类控件（如图片框）的默认坐标系用于容器类上的控 件的定位（Left、Top属性值）。在图8-7中两命令按钮的Left、Top属性值相 同，但位置却不一样，说明两者的定位坐标系不一样
width1，height1：可选参数。指定目标图片的宽度和高度。 在例6.1中，便是通过改变目标图片的宽度和高度来实现图片 的拉伸和缩放
注意：如果将width1，height1参数的值设为负值，可以将图 片翻转，在【例8-1】中，width1，height1参数都为负值，从 而实现图片的翻转
8.4 绘图方法
目标要求 讲课提纲 讲课内容 课后作业 上机实验
第8章 图形处理
目标要求 讲课提纲 讲课内容 课后作业 上机实验
8.1 图形控件
图片框控件（PictureBox） 显示图片；
添加控 件；
绘图或显示文字
图像框控件（ImageBox） 显示图片
8.1.1 图片框控件 功能
显示各种不同格式的 图片 作为其他控件的容器 绘图或显示文字
注意：如果直接设置了ScaleWidth、 ScaleHeight、ScaleTop、 ScaleLeft属性4个属性中 的任何一个，则ScaleMode 属性会自动设为0
时钟
退出
第8章 图形处理
8.2 设置坐标系
目标要求 讲课提纲 讲课内容
8.2.2 自定义坐标系
自定义坐标系：用户自己建立的坐标系，如图8-8所示。坐标原点、X轴、Y 轴的正方向根据需要用户自己选择。在默认坐标系下，横坐标最大值为窗体 或图片框的宽度，纵坐标最大值为窗体或图片框的高度，而在自定义的坐标 系下，横坐标最大值可以超过窗体或图片框的宽度，纵坐标最大值也可以超 过窗体或图片框的高度
PaintPicture方法：为图片框控件提供一个具有编辑功能的命令，使用 该方法可以对位图进行水平或垂直翻转，以及对图形进行拉伸、压缩等 操作
绘图方法：这将在以后详细介绍
【例8-1】用图片框来显示一幅图片，并对图片实现简单的翻转、移动、 放大、缩小等操作
时钟
退出
目标要求 讲课提纲 讲课内容 课后作业 上机实验
时钟
退出
目标要求 讲课提纲 讲课内容 课后作业 上机实验
第8章 图形处理
8.1 图形控件
Picture属性：返回或设置图片框中要显示的图片
加载图片的方法：单击Picture属性栏，这时在Picture属性栏的右端 会出现按钮，单击此按钮打开如图8-2所示的【加载图片】对话框， 从对话框的文件列表中选中要打开的图形文件，单击【打开】按 钮，便向图片框加载了图片
课后作业
上机实验
时钟
退出
目标要求 讲课提纲 讲课内容 课后作业 上机实验
第8章 图形处理
8.2 设置坐标系
建立自定义坐标系的方法
时钟
退出
第8章 图形处理
8.2 设置坐标系
目标要求 讲课提纲 讲课内容 课后作业
坐标系：默认坐标系和用户自定义坐标系，用于控件的定位和图形 的定位
8.2.1 默认坐标系
默认值坐标系：只有容器类控件和窗体才能设置坐标系
窗体默认坐标系：坐标原点为窗体的左上角，含有水平和垂直两个坐 标轴，水平方向为X轴，垂直方向为Y轴，向右为X轴的正方向，向下 为Y轴的正方向。图8-7中红色的坐标系
注意：向图片框添加控件时，必须先在工具箱中选中控件，然后按住鼠标 左键，在图片框上拖动一下，便向图片框中添加了该控件
坐标系单位：默认单位为缇（twip），1440缇等于1英寸。除了使用默认单 位之外，用户还可以通过设置窗体、图片框的ScaleMode属性来设定单位。 ScaleMode常用属性值将表8-3
时钟
退出
第8章 图形处理
目标要求 讲课提纲 讲课内容 课后作业 上机实验
8.1 图形控件
8.1.2 图像框
功能：主要用来显示各种不同格式的图片，但图像框控件不 支持绘图的方法和显示文字, 而且还不能向图像框中添加任何控件
常用属性
Picture属性：同图片框，加载删除图片的方法也和图片框一样 Stretch属性：功能同图片框的AutoSize属性，返回或设置图
设置填充样式的语法结构
对象名.FillStyle＝属性值
其中“对象名”为窗体或图片框的名称，
“属性值”为表8-6中的“属性值”或“常数” 填充图案颜色的选择： 设置FillColor属性
设置填充图案颜色的语法结构 对象名.FillColor＝value
其中value值可以是Visual Basic6.0中的一些常量颜色值， 如vbRed（红色），vbBlue（蓝色），vbGreen（绿色），vbBlack（黑色）， vbWhite（白色）等，还可以通过RGB函数来选择颜色。RGB函数的语法结构如下
对象名.DrawMode=属性值 其中“对象名”为窗体或图片
框
的名称，“属性值”为表8-5中
的“属性值” 或“常量值”
时钟
退出
第8章 图形处理
8.3 设置绘图属性
目标要求 讲课提纲 讲课内容 课后作业 上机实验
8.3.3 填充样式和填充颜色
填充样式的选择：图形必须是封闭的，填充样式的选择是通过FillStyle属性来设置的， FillStyle常用属性值见表8-6
《可视化编程应用VisualBasic6.0》 第8讲
第8章 图形处理
目标要求
目标要求 讲课提纲 讲课内容 课后作业 上机实验
掌握图片框和图像框两种控件的常用属性 了解图片框和图像框之间的区别 掌握简单的图像处理的技巧 掌握建立自定义坐标系的方法 掌握线条类型、线条宽度、绘图模式、填充样式、填
注意：只有实线有粗细之分，对于其他类型的线条而言， DrawWidth属性只能取 1。如果DrawWidth为大于1的数时，则DrawStyle属性会自动的设为0，即此时线 条只能是实线
时钟
退出
第8章 图形处理
8.3 设置绘图属性
目标要求 讲课提纲 讲课内容 课后作业 上机实验
8.3.2 绘图模式
RGB(red,green, blue) 其中“red”，”blue”，”green”都为整型数值，取值范围都为0～255，通过这3个参数 不同的搭配可以配置出任何的颜色。如，RGB(255,0,0)为深红，RGB(0,0,255)为蓝 色，RGB(0，255，0)为绿色
时钟
退出
第8章 图形处理
Picture：必需参数。要加载到控件上的图形。对于图片框控 件，必须是Picture属性。在例8.1中，该参数为图片框的 Picture属性
x1，y1：必需参数。指定目标图片起点的横坐标和纵坐标。 图片被编辑后，图片必定有一个新的样式，编辑后的图片通 常称为目标图片。在【例8-1】中，图片的移动图片便是通过 改变x1,y1的值来实现的
删除图片的方法：单击Picture属性栏，让光标停在Picture属性栏， 然后按Delete键便可删除图片框中的图片
注意：如果在程序中设置Picture属性，可以使用LoadPicture函数直 接加载
常用事件： Click事件、MouseMove事件、MouseDown事件等 常用方法
第8章 图形处理
8.1 图形控件
PaintPicture方法的语法结构
对象名.PaintPicture picture，x1，y1，width1，height1，x2，y2， width2， height2，opcode
常用法的控件名称。在例8.1中，对象 名为图片框控件的名称“picCat”
常用属性
AutoSize属性：决定着图片框是否自动调整尺寸 说明：它有两个取值：True或False，当为True时，图片框自动调 整尺寸以便将图形完整的显示出来；当为False时，图片框的尺寸 是固定不变、不可调整的，当所显示的图像的尺寸比图片框的尺 寸大时，便只能显示图像的一部分，其余部分将会被剪掉。 AutoSize属性的默认值为False，但为了将整幅图片显示在图片框 中，一般将AutoSize属性设为True
对象名.DrawStyle＝属性值 其中对象名可为窗体的名称或图片框的名称，属性值可取表8-4中的“属性值”或常
量
线宽的选择：只有实线才能设置线宽（即DrawStyle属性为0）而言，线宽的设置是通 过 DrawWidth属性来设置，并以像素为单位 设置线宽的语法结构 对象名.DrawWidth＝属性值 其中“对象名”为窗体或图片框的名称，“属性值”为大于1的任意数，包括整数和 小数
绘图模式:图形颜色与绘图 区底色之间或图形颜色之 间的逻辑关系
绘图模式的选择：设 置DrawMode属性， DrawMode常用属性见 表 8-5。图形显示的效 果，不仅与图形的颜色
有关，而且还与
DrawMode属性的有关。 通过设置DrawMode属 性来控制图形显示的效
果
设置绘图模式的语法结构
充颜色的设置方法 掌握常用绘图方法 掌握直线控件和形状控件的常用属性
掌握简单动画效果的实现技巧
时钟
退出
目标要求
讲课提纲
讲课内容
课后作业
第8章 图形处理 讲课提纲
图形控件 坐标系的设置 绘图属性的设置 基本图形的绘制 绘图专用控件 动画处理
上机实验
时钟
退出
Scale方法 Scale方法的语法结构如下 对象名.Scale(x1,y1)-(x2,y2) 说明：其中对象名一般为窗体或图片框的名称，如Picture1，x1相 当于ScaleLeft属性，y1相当于ScaleTop属性，x2-x1相当于 ScaleWidth属性，y2-y1相当于ScaleHeight属性
像框中的图片是否要调整尺寸以适应图像框的尺寸，它有两个 取值：True或False。其值为True时，图片自动调整尺寸以适应 图像框的尺寸；其值为False时，图片按原始尺寸显示，系统 自动调整图像框的尺寸来适应图片的尺寸，默认值为False 提示：图片框控件使用起来占的系统资源比图片框控件小， 重画起来也比图片框控件要快，因此如果只是简单的显示图 片的话，一般最好使用图片框控件
使用ScaleWidth、ScaleHeight、ScaleTop、ScaleLeft属性 ScaleTop、ScaleLeft属性：返回或设置窗一个对象左上角的坐 标，其中ScaleLeft用于设置横坐标， ScaleTop用于设置纵坐标。 通过设置ScaleTop、ScaleLeft属性来定义坐标系原点的位置 ScaleWidth、ScaleHeight属性：用于设置X轴长度和Y轴长度， ScaleWidth用于设置X轴的长度，ScaleHeight用于设置Y轴的长度 。 设置自定义坐标系方向： ScaleWidth，ScaleHeight属性设为负值； ScaleWidth为负，则表示X轴的正方向为向左；ScaleHeight属性为 负值，则表示Y轴的正方向为向上
时钟
退出
第8章 图形处理
8.3 设置绘图属性
目标要求 讲课提纲 讲课内容 课后作业 上机实验
绘图属性的设置：线条类型、线条的宽度、绘图模式等属性。另外如果所绘的图是封 闭的，比如说，矩形或者圆，这时还要设置填充样式和填充颜色
8.3.1 线型与线宽
线型的选择：设置DrawStyle属性， DrawStyle的常用属性值见表8-4。 DrawStyle属性的默认值为1，即实线 设置线型的语法结构：
容器类控件默认坐标系：坐标原点控件的 左上角，水平方向为X轴，垂直方向为Y轴， 向右为 X轴的正方向，向下为Y轴的正方向。 如图8-7中蓝色坐标系
上机实验
时钟
退出
目标要求 讲课提纲 讲课内容 课后作业 上机实验
第8章 图形处理
8.2 设置坐标系
默认坐标系的功能：窗体的默认坐标系用于窗体上的控件的定位（Left、 Top属性值） ； 容器类控件（如图片框）的默认坐标系用于容器类上的控 件的定位（Left、Top属性值）。在图8-7中两命令按钮的Left、Top属性值相 同，但位置却不一样，说明两者的定位坐标系不一样
width1，height1：可选参数。指定目标图片的宽度和高度。 在例6.1中，便是通过改变目标图片的宽度和高度来实现图片 的拉伸和缩放
注意：如果将width1，height1参数的值设为负值，可以将图 片翻转，在【例8-1】中，width1，height1参数都为负值，从 而实现图片的翻转
8.4 绘图方法
目标要求 讲课提纲 讲课内容 课后作业 上机实验
第8章 图形处理
目标要求 讲课提纲 讲课内容 课后作业 上机实验
8.1 图形控件
图片框控件（PictureBox） 显示图片；
添加控 件；
绘图或显示文字
图像框控件（ImageBox） 显示图片
8.1.1 图片框控件 功能
显示各种不同格式的 图片 作为其他控件的容器 绘图或显示文字
注意：如果直接设置了ScaleWidth、 ScaleHeight、ScaleTop、 ScaleLeft属性4个属性中 的任何一个，则ScaleMode 属性会自动设为0
时钟
退出
第8章 图形处理
8.2 设置坐标系
目标要求 讲课提纲 讲课内容
8.2.2 自定义坐标系
自定义坐标系：用户自己建立的坐标系，如图8-8所示。坐标原点、X轴、Y 轴的正方向根据需要用户自己选择。在默认坐标系下，横坐标最大值为窗体 或图片框的宽度，纵坐标最大值为窗体或图片框的高度，而在自定义的坐标 系下，横坐标最大值可以超过窗体或图片框的宽度，纵坐标最大值也可以超 过窗体或图片框的高度
PaintPicture方法：为图片框控件提供一个具有编辑功能的命令，使用 该方法可以对位图进行水平或垂直翻转，以及对图形进行拉伸、压缩等 操作
绘图方法：这将在以后详细介绍
【例8-1】用图片框来显示一幅图片，并对图片实现简单的翻转、移动、 放大、缩小等操作
时钟
退出
目标要求 讲课提纲 讲课内容 课后作业 上机实验
时钟
退出
目标要求 讲课提纲 讲课内容 课后作业 上机实验
第8章 图形处理
8.1 图形控件
Picture属性：返回或设置图片框中要显示的图片
加载图片的方法：单击Picture属性栏，这时在Picture属性栏的右端 会出现按钮，单击此按钮打开如图8-2所示的【加载图片】对话框， 从对话框的文件列表中选中要打开的图形文件，单击【打开】按 钮，便向图片框加载了图片