第六章 用户界面设计ppt课件.ppt

第六章用户界面设计 一 常用控件1 滚动条 ScrollBar 有水平滚动条和垂直滚动条 1 主要属性 Value 滑块当前位置所代表的值 默认值为0 Min和Max属性 SmallChange和LargeChange属性 SmallChange 是用户单击滚动条两端的箭头时Value属性所增加或减少的值 LargeChange 是用户单击滚动条的空白处 滑块与两端箭头之间的区域 时Value属性所增加或减少的值 2 事件 主要有Scroll和Change 当拖动滑块时会触发Scroll事件 而当改变Value属性时 滚动条内滑块位置改变 会触发Change事件 2 定时器 Timer 以一定的时间间隔产生Timer事件从而执行相应的事件过程 1 主要属性 Enabled 当Enabled属性为False时 定时器不产生Timer事件 默认值为True Interval 决定两个Timer事件之间的时间间隔 其值以ms为单位 最大的时间间隔在约为1min 2 事件 Timer事件 3 图形框 1 Picture属性 决定控件中所显示的图形文件 其值可以通过下列三种途径获得 在设计状态直接选择图形文件设置Picture属性 在程序运行时使用LoadPicture 函数装入图形 使用格式为 图形框 picture LoadPicture 图形文件名 例 picturebox1 picture loadpicture c winnt soapbubbles bmp 装入另一个图形框中的图形 形式为 图形框1 picture 图形框2 picture 2 AutoSize属性 当其值为True时 图形框能自动调整大小与显示的图片匹配 当其值为False时 图形框不能自动改变大小 4 图像框与图形框基本相同 都具有Picture属性 区别在于两点 一是图像框不能作为容器存放其他控件 二是图像框没有AutoSize属性 但是有Stretch属性 Stretch属性用于伸展图形 属性为False时 在设计状态 图像框可自动改变大小 以适应其中的图形 当其属性为True时 加载到图像框的图形可自动调整尺寸 以适应图像框的大小 图形有可能会失真 例6 1 设计如图所示的计算0 18之间某个阶乘的程序 数据由滚动条获得 其Max属性为18 Min属性值是0 smallchange属性是1 largechange属性是3 Value的初始值是0 例6 2设计一个调色板应用程序 使用一个滚动条作为三种基本颜色的输入工具 合成的颜色显示在右边的颜色区中 颜色区实际上是一个文本框 用合成的颜色设置其BackColor属性 当完成调色后 用 设置前景颜色 或设置背景颜色按钮设置右边文本框 text2 的颜色 三个滚动条从上到下按默认约定依次命名 它们的Max Min SmallChange LargeChange和Value属性在设计状态都分别设置为255 0 1 25和0 例6 3设计一个如下图所示的图形缩放程序 窗体上一个图像框 复选框控制图像框的Stretch属性 滚动条控制图形的大小 当拖动滚动条中的滑块时图形随之缩放 例6 4用一个定时器控制图片的变换 菜单和通用对话框 菜单作用 1提供人机对话的界面 方便让用户选择应用系统的各种功能2管理应用系统 控制各种功能模块的运行优点 1 整体感强 操作目的一目了然 界面友好 直观 使用方便 易于学习和掌握 2 具有导航功能 为用户在各个菜单的功能间导航 3 占用屏幕空间小 二菜单设计菜单有两种类型 一是下拉式菜单 由一个主菜单和若干个子菜单所组成 二是弹出式菜单 是用户在某个对象上单击右键所弹出的菜单 菜单编辑器在设计状态 选择 工具 菜单编辑器 命令就可打开 菜单编辑器 对话框 如下图所示 菜单的两个属性 菜单列表框 工具栏中的菜单编辑器 CTRL E 窗体上快显菜单 菜单编辑器 菜单项属性 常用属性 1 标题 Caption 访问键 前面加 2 名称 Name 文本框分隔符也应有名称 3 快捷键 Shortcut 菜单名没有快捷键4 复选 Checked 检查框TRUE有 5 有效 Enabled 检查框6 可见 Visible 检查框 操作按钮 例6 5建立一个有菜单功能的图片显示程序 例 设计一个具有算术运算 及退出功能的菜单 多键盘上输入两个数 种用菜单命令求它们的和 差 积或商 并显示出来 2 弹出式菜单 是一种小型的菜单 它可以在窗体的某个地方显示出来 对程序事件作出响应 它是通过单击鼠标右键在窗体的任意位置打开 使用方便 具有较大的灵活性 分两步建立 1 菜单编辑器建立菜单 方法与下拉式菜单相同 不同的是必须把菜单名 即主菜单项 的 可见 属性设置为False 2 用PopupMenu方法弹出显示 PopupMenu方法的格式 对象 popupmenu菜单名 flags x y boldcommand说明 PopupMenu方法有6个参数 除 菜单名 外 其余参数均是可选的 当省略 对象 时 弹出式菜单只能在当前窗体显示 Flags的两组参数可以单独使用 也可以联合使用 当联合使用时 每组中取一个值 两个值相加 和Y分别用来指定弹出式菜单显示位置的横坐标和纵坐标 如果省略 则弹出式菜单在鼠标光标的当前位置显示 弹出式菜单的位置由x y及flags参数共同指定 见教材291页 为了显示弹出式菜单 通常把popupmenu方法放在MouseDown事件中 该事件响应所有的鼠标单击操作 一般通过单击鼠标右键显示弹出式菜单 可以用Button参数来实现 可用下面语句强制通过单击鼠标右键来响应MouseDown事件 ifbutton 2thenpopupmenu菜单名 例 接上例 建立一个弹出式菜单 用来改变标签字体的属性 对话框 对话框是一种特殊的窗口 它通过显示和获取信息与用户进行交流 对话框的分类 预定义对话框 自定义对话框和通用对话框对话框的特点 1 在一般情况下 用户没在必要改变对话框的大小 因此边框是固定的 2 为了退出对话框 必须单击其中的某个按钮 不能通过单击对话框外部的某个地方关闭对话框 3 对话框中不能有最大化按钮和最小化按钮 4 对话框不是应用程序的主要工作区 只是临时使用 然后就关闭 三 通用对话框 CommonDialog 属性Action 打开通用对话框 DialogTiltle 对通用话框标题 CancelErrorTrue 选择 取消 按钮 出现错误警告 Err Number置为32755 cdCancel False 缺省 选择 取消 按钮 没有错误警告 工程 部件 选定部件标签 选定MicrosoftCommDialogControl6 0 通用对话框添加到工具箱 确定 打开通用对话框 属性 包含路径 不包含路径Filter 例如 Documents DOC DOC TextFiles TXT txt AllFiles FilterIndex 决定在文件类型列表框中显示第几组类型的文件 InitDir 初始化路径 1 打开 文件对话框 DialogTiltle InitDir Filter FilterIndex DefaultExt 文件对话框举例参见例6 52 另存为 对话框没有提供真正的存储文件操作 仍需要编程完成储存操作 属性DefaultExt 缺省扩展名 3 颜色 对话框属性Color 返回或设置选定的颜色 4 字体 对话框 Flags属性 指示所显示的字体类型 必须设置 cdlCFScreenFonts H1屏幕字体cdlCFPrinterFonts H2打印机字体cdlCFBoth H3打印机字体和屏幕字体 cdlCFEffects H100显示删除线和下划线检查框以及颜色组合框 FontName FontBold FontItalic FontSize FontStrikethru FontUnderline Color Min Max 例6 5中 字体 菜单 5 打印 对话框属性FromPage 起始页号ToPage 终止页号Copies 打印份数如果打印驱动程序不支持多份打印 该属性有可能始终返回1 6 帮助 对话框帮助文件需要用其它的工具制作 如MicrosoftWindowsHelpCompiler 属性例8 5HelpCommand 在线Help帮助类型HelpFile Help文件的路径及其名称HelpKey 在帮助窗口显示由该帮助关键字指定的帮助信息 四 鼠标器和键盘 1 鼠标器事件注意 鼠标事件发生在什么对象上 是窗体上还是控件上 MouseDown事件 按下任意一个鼠标按钮时触发 SubForm MouseDown ButtonAsInteger ShiftAsInteger XAsSingle YAsSingle 发生在窗体上的事件过程 MouseUp事件 释放任意一个鼠标按钮时触发 SubForm MouseUp ButtonAsInteger ShiftAsInteger XAsSingle YAsSingle 发生在窗体上的事件过程 MouseMove事件 移动鼠标时被触发 SubForm MouseMove ButtonAsInteger ShiftAsInteger XAsSingle YAsSingle 发生在窗体上的事件过程 1 Button参数 使用符号常数 1 vbLeftButton 用户按下左键触发了鼠标事件 2 vbRightButton 用户按下右键触发了鼠标事件 4 vbMiddleButton 用户按下中键触发了鼠标事件 2 Shift参数 3 x y 鼠标的当前位置例6 7显示鼠标器指针所指的位置例6 8画圆程序按下鼠标右键画园 按下鼠标左键移动时画线 2鼠标光标的形状在使用Windows及其应用程序时 当鼠标光标位于不同的窗口内时 其形状是不一样的 有时候呈箭头状 有时候是十字 等等 在VB中 可以通过属性设置来改变鼠标光标的形状 1 MousePointer属性 是一个整数 可以取0 15的值 见教材 263页表10 9 2 设置鼠标光标形状 在程序代码中设置MousePointer属性对象 MousePointer 设置值对象 包括复选框 组合框 命令按钮 目录列表框 驱动器列表框 文件列表框 窗体 框架 图像 标签 列表框 图片框 滚动条 文本框 屏幕等 在属性窗口中设置MousePointer属性自定义鼠标光标如果把MousePointer属性设置为99 则通过MouseIcon属性定义自己的鼠标光标 有两种方法第一种 在属性窗口定义 把MousePointer设置为99 custom 然后设置MouseIcon属性第二种 在程序代码设置Form1 MousePointer 99form1 MouseIcon LoadPicture c vb60 graphics icons arrows point02 ico 鼠标光标形状的使用参见教材265页 3 拖放 1 与拖放有关的属性 事件和方法除了菜单 计时器和通用对话框外 其他标准控件均可在程序运行期间被拖放 属性 有两个属性与拖放有关 DragMode和DragIconDragMode 用来设置自动或人工拖放方式 在默认情况下 该属性值为0 为了能对一个控件执行自动拖放操作 必须把它的DragMode属性设置为1 可在属性窗口中设置也可在程序代码中设置 如果把一个对象的DragMode属性设置为1 则该对象不再接收Click事件和MouseDown事件以及MouseUp事件 DragIcon在拖动一个对象的过程中 并不是对象本身在移动 而是移动代表对象的图标 事件 DragDrop和DragOver方法 Move和Drag 例6 9 在窗体上建立两个控件 拖拉其中一个控件 当把它放到第二个控件上时 该控件消失 单击窗体后再度出现 例6 10用手动拖放模拟文件操作 从文件夹中取出文件 放入文件柜中 在放入前 先打开文件柜的抽屉 放入后再关上 4键盘在VB中 重要的键盘事件有三个 KeyPress事件 用户按下并且释放一个会产生ASCII码的键是触发KeyDown事件 用户按下键盘上任意一个键时被触发KeyUp事件 用户释放键盘上任意一个键时被触发KeyPress事件只对会产生ASCII码的按键有反应 包括数字 大小写字母 Enter Backspace Esc Tab等键 形式如下 PrivateSubForm KeyPress KeyAsciiAsInteger KeyDown和KeyUp 当控制焦点在某个对象上 同时用户按下键盘上的任一键时 便会引发该对象KeyDown事件 释放按键 便触发KeyUp事件 PrivateSubForm KeyUp KeyCodeAsInteger ShiftAsInteger PrivateSubForm KeyDown KeyCodeAsInteger ShiftAsInteger KeyCode 按键的实际的ASCII码 Shift 该参数用于转换键 包括Shift Alt Ctrl 这三个键分别以二进制方式表示 每个键用三位 Shift可取八种值 十进制数二进制数作用 0000没有按下转换键001按下一个Shift键010按下一个Ctrl键011按下Ctrl Shift键 十进制数二进制数作用 4100按下一个Alt键5101按下Alt Shift键6110按下Alt Ctrl键7111按下Alt Ctrl Shift键 例 编写一个程序 当按下键盘上的某个键时 输出该键的KeyCode码