第六章 用户界面设计.ppt

1、第六章 用户界面设计,一、常用控件 1. 滚动条(ScrollBar):有水平滚动条和垂直滚动条. (1)主要属性 Value:滑块当前位置所代表的值,默认值为0 Min和Max属性: SmallChange和LargeChange属性:SmallChange:是用户单击滚动条两端的箭头时Value属性所增加或减少的值. LargeChange:是用户单击滚动条的空白处(滑块与两端箭头之间的区域)时Value属性所增加或减少的值. (2)事件:主要有Scroll 和Change.当拖动滑块时会触发Scroll事件,而当改变Value属性时(滚动条内滑块位置改变)会触发Change事件,2.定时

2、器(Timer):以一定的时间间隔产生Timer事件从而执行相应的事件过程 (1)主要属性: Enabled:当Enabled属性为False时,定时器不产生Timer事件.默认值为True. Interval:决定两个Timer事件之间的时间间隔,其值以ms为单位,最大的时间间隔在约为1min. (2)事件:Timer事件 .3. 图形框 (1)Picture属性:决定控件中所显示的图形文件,其值可以通过下列三种途径获得: 在设计状态直接选择图形文件设置Picture属性 在程序运行时使用LoadPicture()函数装入图形,使用格式为:图形框.picture=LoadPicture(“图

3、形文件名”) 例:picturebox1.picture=loadpicture(“c:winntsoap bubbles.bmp”),装入另一个图形框中的图形,形式为:图形框1.picture=图形框2.picture (2)AutoSize属性:当其值为True时,图形框能自动调整大小与显示的图片匹配;当其值为False时,图形框不能自动改变大小. 4.图像框 与图形框基本相同,都具有Picture属性,区别在于两点:一是图像框不能作为容器存放其他控件;二是图像框没有AutoSize属性,但是有Stretch属性. Stretch属性用于伸展图形,属性为False时,在设计状态,图像框可自

4、动改变大小,以适应其中的图形.当其属性为True时,加载到图像框的图形可自动调整尺寸,以适应图像框的大小,图形有可能会失真.,例6.1:设计如图所示的计算018之间某个阶乘的程序.数据由滚动条获得,其Max属性为18,Min属性值是0,smallchange属性是1,largechange属性是3,Value的初始值是0,例6.2设计一个调色板应用程序,使用一个滚动条作为三种基本颜色的输入工具,合成的颜色显示在右边的颜色区中.颜色区实际上是一个文本框,用合成的颜色设置其BackColor属性.当完成调色后,用”设置前景颜色”或设置背景颜色按钮设置右边文本框(text2)的颜色.三个滚动条从上到

5、下按默认约定依次命名,它们的Max,Min,SmallChange,LargeChange和Value属性在设计状态都分别设置为255,0,1,25和0,例6.3设计一个如下图所示的图形缩放程序.窗体上一个图像框,复选框控制图像框的Stretch属性,滚动条控制图形的大小.当拖动滚动条中的滑块时图形随之缩放.,例6.4用一个定时器控制图片的变换,菜单和通用对话框,菜单 作用：1 提供人机对话的界面，方便让用户选择应用系统的各种功能 2 管理应用系统，控制各种功能模块的运行 优点（1）整体感强，操作目的一目了然，界面友好，直观，使用方便，易于学习和掌握 （2）具有导航功能，为用户在各个菜单的功能

6、间导航 （3）占用屏幕空间小。,二 菜单设计 菜单有两种类型:一是下拉式菜单,由一个主菜单和若干个子菜单所组成;二是弹出式菜单,是用户在某个对象上单击右键所弹出的菜单. 菜单编辑器 在设计状态,选择”工具”菜单编辑器”命令就可打开”菜单编辑器”对话框,如下图所示.,菜单的两个属性,菜单列表框,工具栏中的菜单编辑器 (CTRL+E) 窗体上快显菜单菜单编辑器,菜单项属性,常用属性： 1. 标题(Caption) 访问键：前面加释放按键,便触发KeyUp事件. Private Sub Form_KeyUp(KeyCode As Integer, Shift As Integer) Private

7、Sub Form_KeyDown(KeyCode As Integer, Shift As Integer),KeyCode:按键的实际的ASCII码. Shift:该参数用于转换键.包括Shift, Alt,Ctrl.这三个键分别以二进制方式表示,每个键用三位,Shift可取八种值.,十进制数 二进制数 作用,0 000 没有按下转换键 001 按下一个Shift键 010 按下一个Ctrl键 011 按下Ctrl+Shift键,十进制数 二进制数 作用,4 100 按下一个Alt键 5 101 按下Alt+Shift键 6 110 按下Alt+Ctrl键 7 111 按下Alt+Ctrl+Shift键,例:编写一个程序,当按下键盘上的某个键时,输出该键的KeyCode码. 首先将窗体KeyPreview属性设置为True,然后编写如下程序.,作业10.7在窗体上画一个文本框,然后编写程序.程序运行后,如果按下键盘上的A,B,C,D键,则在文本框中显示EFDH. 作业10.8编写一个程序,当同时按下Alt键,Shift键和F6键时,在窗体上显示”再见”,并终止程序的运行. 作业1