用户界面设计.ppt
《用户界面设计.ppt》由会员分享,可在线阅读,更多相关《用户界面设计.ppt(73页珍藏版)》请在三一办公上搜索。
1、第7章 用户界面设计,第7章 用户界面设计,7.1 常用标准控件 7.2 菜单设计 7.3 通用对话框 7.4 工具栏7.5 综合应用,7.1 常用标准控件,7.1.1 单选按钮、复选框和框架7.1.2 列表框和组合框7.1.3 滚动条7.1.4 定时器7.1.5 图片框和图像框,7.1.1 单选按钮、复选框和框架,1单选按钮2复选框 3框架,1单选按钮,单选按钮也称为选择按钮,一般都是成组出现,一组单选按钮控件可以提供一组彼此互相排斥的选项,实现一种“单项选择”的功能。单选按钮的常用事件为Click。,单选按钮常用属性(1),Caption属性。用于设置单选按钮上显示的标题。Alignmen
2、t属性。用于设置单选按钮标题的对齐方式,可以在设计时设置,也可以在运行期间设置。其取值0(默认值)表示控件钮在左边,标题显示在右边;其取值1表示控件钮在右边,标题显示在左边。Value 属性。默认属性,其值为逻辑类型,表示单选按钮的状态,可以在设计时设置,也可以在运行期间设置。其取值True表示单选钮被选定;其取值False(默认值)表示单选钮未被选定。Style 属性。用来指定单选按钮的显示方式,用于改善视觉效果。其取值0(默认值)表示标准方式;其取值1表示图形方式。当该属性设置为1(Graphical)时,可以在Picture、DownPicture和Disabled Picture中分别
3、设置不同的图标或位图,用三种不同的图形分别表示未选定、选定和禁止选择。,单选按钮常用属性(2),Picture属性。用来返回或设置未选定控件时的图片。可以在设计时设置,也可以在运行期间通过LoadPicture函数设置。如果Caption属性有值,则同时显示图片和文字;如果图片太大,则自动剪裁。DownPicture属性。用来返回或设置选定控件时的图片。如果该属性为空,则按钮被按下时,只显示Picture属性指定的图片;如果Picture属性和Disabled Picture属性为空,则只显示文字。Disabled Picture属性。用来返回或设置禁止选择时的图片,即控件的Enabled属性
4、为False时控件的图片。,例7.1 设计一个窗体,模拟单选题测试。,Private Sub Command1_Click()If Option2.Value=True Then MsgBox 恭喜,你答对了 Else MsgBox 真遗憾,你选错了 End IfEnd SubPrivate Sub Form_Load()Option1.Value=False Option2.Value=False Option3.Value=False Option4.Value=FalseEnd Sub,2复选框,复选框主要用于对某种或几种状态进行开关选择。复选框列出可供用户选择的选项,用户根据需要选定其
5、中的一项或多项。复选框的常用属性:Caption属性。Caption属性是用来设置复选框上显示的文本。Value属性。Value属性是默认属性,其值为整型,表示复选框的状态。其取值0 vbUnchecked表示未被选定,是默认值;其取值1 vbChecked表示被选定;其取值2 vbGrayed表示灰色,禁止用户选择。复选框的常用事件为Click。,例7.2 设计一个窗体,模拟多项选择题测试。,Private Sub Command1_Click()If Check1.Value=1 And Check3.Value=1 And Check2.Value=0 And _ Check4.Valu
6、e=0 Then MsgBox 恭喜,你选对了!Else MsgBox 很遗憾,你选错了!End IfEnd Sub,3框架,框架是一个容器控件,用于将屏幕上的对象分组。主要用于单选按钮分组。在窗体上创建框架及其内部控件时,必须先建立框架,然后在其中建立各种控件。框架的常用属性:Caption属性。用来设置框架上的标题名称。如果Caption为空字符,则框架为封闭的矩形框,但框架内的控件仍然可以被视为一组,而不是单独的控件。Enabled属性。Enabled属性为False:标题呈灰色,表示框架内的所有对象均被屏蔽,不允许对框架内的对象进行操作。Visible属性。Visible属性设为Fal
7、se,表示在程序执行期间,框架及其内部所有控件全部被隐藏起来。也就是说,对框架的操作也是对其内部的控件的操作。其取值为True,表示框架及其内部控件可见。框架内的所有可见控件将随框架一起移动、显示、消失和屏蔽。框架可以响应Click和DblClick事件。,单选按钮、复选框单击事件示例,例7.3 设计用三组框架显示学生个人信息窗体。,Private Sub Command1_Click()Dim str As String str=Text1.Text&,If Option1.Value=True Then str=str&Option1.Caption&,Else str=str&Optio
8、n2.Caption&,End If If Option3.Value=True Then str=str&Option3.Caption&,Else str=str&Option4.Caption&,End If str=str&vbCrLf&Frame3.Caption&:If Check1.Value=1 Then str=str&Check1.Caption&If Check2.Value=1 Then str=str&Check2.Caption&If Check3.Value=1 Then str=str&Check3.Caption&If Check4.Value=1 Then
9、str=str&Check4.Caption&If Check5.Value=1 Then str=str&Check5.Caption&If Check6.Value=1 Then str=str&Check6.Caption&MsgBox str,学生个人信息End Sub,7.1.2 列表框和组合框,1列表框2组合框,1列表框,将一系列的选项组合成一个列表,供用户选择。在列表框中放入若干个项的名字,用户可以通过单击某一项或多项来选择自己所需要的项目。用户可以选择其中的选项,但不能向列表清单中输入项目。,列表框的常用属性(1),List属性。一个字符串数组,用来保存列表框中的各个数据项内容
10、。List数组的下标从0开始,即List(0)保存表中的第一个数据项的内容。List(1)保存第二个数据项的内容,以此类推,List(ListCount-1)保存表中的最后一个数据项的内容。设置list属性:列表框名.List(索引号)=项目内容访问list属性:变量名=列表框名.List(索引号)或 print列表框名.List(索引号)ListCount属性。ListCount属性与List属性一起用,表示列表框中有多少列表项。该属性只能在运行状态访问。ListCount-1是最后一个列表项的下标。,列表框的常用属性(2),ListIndex属性。判断列表框中当前被选中的项目的序号。序号也
11、是自0开始,第一个项目的序号为0,第二个项目的序号为1,以此类推。如果Listindex属性值为-1,则表明没有项目被选中。该属性只能在运行状态访问。Column属性。当列表框的选择项数超过列表框所能容纳的范围时,将设置列表框的垂直滚动条或水平滚动条。属性值n是正整数,可以有两种情况:0(默认值)表示项目以一列显示,项目多时自动添加垂直滚动条;n=1表示项目以n列显示,但滚动条出现时是水平的。该属性只能在设计状态设置。,列表框的常用属性(3),Selected属性。用于返回或设置列表框中列表项的选择状态。只能在运行中设置或引用。Selected属性是一个逻辑数组,表示对应的项在程序运行期间是否
12、被选中。例如,Selected(0)的值为True表示第一项被选中,为False表示未被选中。Sorted属性。决定列表框中项目在程序运行期间是否按字母顺序排列显示。Sorted属性只能在设计状态设置。如果Sorted为True,则项目按字母顺序排列显示;如果Sorted为False,则项目按加入的先后顺序排列显示。Text属性。默认属性,只能在运行状态中设置或引用。Text属性为字符串,保存了列表框中当前被选中条目的文字。List(ListIndex)等于Text。,列表框的常用属性(3),MultiSelect属性。决定列表框是否支持多选。该属性有以下三种状态。0None(默认值):禁止多
13、项选择,只能选择一个条目。1Simple:简单多项选择,用鼠标单击或按空格键表示选定或取消选定一个选择项。2Extended:扩展多项选择,按住Ctrl键同时用鼠标单击,表示选定或取消选定一个选择项;按住Shift键同时单击鼠标,或者按住Shift键并且移动光标键,就可以从前一个选定的项扩展选择到当前选择项,即选定多个连续项。SelCount属性。表明列表框中当前被选中的条目的总数。如果没有任何条目被选中,则该属性值为0。该属性在程序运行时只读,设计时不可用。Style属性。决定列表框样式,其取值0(默认值)表示只显示列表项文本;其取值1表示列表项文本前带复选框。,列表框常用事件和方法(1),
14、AddItem方法。向列表框当中添加新条目。其形式:List1.AddItem 字符串表达式,Index 说明:使用该方法在窗体的Load事件过程中对列表框添加初始条目。字符串表达式是将要加入列表框的项目。Index决定新增项目在列表框中的位置。如果Index省略,则新增项目将添加在最后。对于第一个项目,Index为0。Index不能比现有条目数大,否则会出现错误。例如,在列表框的第二项位置插入一新列表项,内容为“C语言程序设计”,格式如下:List1.AddItem C语言程序设计,1,列表框常用事件和方法(2),RemoveItem方法。从列表框中删除一个项目。其形式:List1.Remo
15、veItem index说明:Index是被删除项目在列表框或组合框中的位置。对于第一个元素,Index为0。例如,删除列表框的第二项的格式如下:List1.RemoveItem 1 Clear方法。清除列表框当中所有现有条目。其形式:List1.Clear说明:对象可以是列表框、组合框或剪贴板,即Clear方法适用于列表框、组合框和剪贴板。,例7.4 设计窗体,实现学生选课,Private Sub Command3_Click()For i=List2.ListCount-1 To 0 Step-1 If List2.Selected(i)=True Then List1.AddItem L
16、ist2.List(i)List2.RemoveItem i End If Next iEnd Sub,Private Sub Command1_Click()For i=List1.ListCount-1 To 0 Step-1 If List1.Selected(i)=True Then List2.AddItem List1.List(i)List1.RemoveItem i End If Next iEnd SubPrivate Sub Command2_Click()For i=0 To List1.ListCount-1 List2.AddItem List1.List(i)Nex
17、t i List1.ClearEnd Sub Private Sub Command4_Click()For i=0 To List2.ListCount-1 List1.AddItem List2.List(i)Next i List2.ClearEnd Sub,2组合框,一种组合列表框和文本框的特性而成的控件,即组合框是一种独立的控件,但它兼有列表框和文本框的功能。它可以像列表框一样,让用户通过鼠标选择所需要的项目;也可以像文本框一样,用键入的方式输入项目。组合框的默认名称和标题为ComboX(X为l,2,3,)。组合框的属性、方法和事件与列表框基本相同。一般不针对组合框的事件进行单独编程
18、。,组合框的常用属性,Style属性。取值为0,1,2,它决定了组合框三种不同的类型,分别为下拉式组合框、简单组合框和下拉式列表框。下拉式组合框(默认值)“显示在屏幕上的仅是文本编辑框和一个下拉箭头。执行时,用户可用键盘直接在文本框区域键入文本内容,也可用鼠标单击右边的下拉箭头,打开列表框供用户选择,选中的内容显示在文本框上。简单组合框:列出所有项目供用户选择,右边没有下拉箭头,所列项目不能收起,与文本编辑框一起显示在屏幕上。用户可以在文本框中输入列表框中没有的选项。下拉式列表框:类似下拉式组合框,但不能输入不在列表框里的内容。Text属性。用于获取当前选中的项目值。组合框在运行时Text属性
19、与最后文本框中显示的文本相对应。组合框的其他属性与列表框和文本框的大部分属性相同。,例7.5 设计窗体,用文本框显示学生所在学院、所学专业和班级,Private Sub Command1_Click()Text1.Text=Text1.Text&Combo1.Text&学院&Combo2.Text&_ 专业&Combo3.Text&班学生End Sub,Private Sub Combo1_Click()Combo2.Clear Select Case Combo1.Text Case 计算机科学与技术 Combo2.AddItem 计算机科学 Combo2.AddItem 网络工程 Comb
20、o2.AddItem 软件工程 Combo2.AddItem 计算机组成 Case 信息科学与技术 Combo2.AddItem 测控技术与仪器 Combo2.AddItem 自动化与仪表 Combo2.AddItem 电气工程及其自动化 Case 化学工程与技术 Combo2.AddItem 化学工程 Combo2.AddItem 安全工程 Combo2.AddItem 制药工程 Case 环境生物工程与技术 Combo2.AddItem 生物工程 Combo2.AddItem 环境工程 End SelectEnd Sub,7.1.3 滚动条,通常用来附在窗口上帮助观察数据或确定位置,也可用
21、来作为数据输入的工具。VB 6.0为用户提供两种滚动条,水平滚动条和垂直滚动条。水平滚动条和垂直滚动条的默认名称分别为HScrollX和VScrollX(X为1,2,3,)。滚动条的值均以整数表示,其取值范围为-3276832767。滚动条最小值和最大值分别在其的左、右端点或上、下端点,其值分别赋给属性Min和Max。,滚动条的常用属性,Max属性,设置滚动块位于水平滚动条最右侧或者垂直滚动条最低端时的值。默认值是32767。Min属性,设置滚动块位于水平滚动条最左侧或者垂直滚动条最高端时的值,默认值是0。Value属性,用于设置或返回滚动条当前代表的值。对应于滚动块在滚动条中的位置,其值总在
22、Min和Max之间。无论单击箭头、单击空白区域还是拖动滚动滑块,都会改变这个属性值。LargeChange和SmallChange属性。LargeChange指定用户在滚动框的空白区域内单击时,滚动条值的改变量。SmallChange指定用户在滚动条两端的滚动按钮时,滚动条值的改变量,通常SmallChange=1。,滚动条常用事件和方法,Change事件。释放滚动块或单击滚动空白区域或单击滚动条按钮或通过代码改变Value属性值时发生该事件。Scroll事件。当鼠标在滚动条内拖动滑块时会触发Scroll事件。单击滚动条两端的箭头或滚动条空白处均不能触发此事件。Scroll事件与Change事
23、件的区别在于:当滚动条滑块滚动时,Scroll事件一直发生,可用于跟踪滚动条的动态变化;而Change事件只是在滚动结束之后才发生一次,可用来得到滑块所在的位置值。,例7.6 设计窗体,用滚动条改变文本框内文本字体的大小,Private Sub Form_Load()Dim Size As Integer Size=72 Label4.Caption=Size Text1.FontSize=Size VScroll1.Value=SizeEnd SubPrivate Sub VScroll1_Change()Text1.FontSize=VScroll1.Value Label4.Captio
24、n=VScroll1.ValueEnd Sub,思考:如果将Change事件改为Scroll事件,程序运行结果会怎么变化?,7.1.4 定时器,又称计时器、时钟控件,能够有规律地以一定的时间间隔触发计时器事件(Timer事件)。一个窗体可以使用多个时钟控件,它们的时间间隔相互独立。在程序运行阶段,时钟控件不可见。Timer事件是定时器唯一的一个事件。Timer事件是周期性的事情,间隔多长时间产生一次,由控件的Interval属性指定。当规定的时间间隔达到时,就会触发这个事件。,定时器的常用属性,Interval属性。决定两个Timer事件之间的时间间隔。时间间隔单位是毫秒,取值范围在06476
25、7 之间(包括这两个数值),单位为毫秒(0.001秒),表示计时间隔,最大的时间间隔约为65s。若将Interval属性设置为0或负数,则计时器将停止工作。Enabled属性。决定定时器是否生效。无论何时,只要时钟控件的Enabled属性被设置为True,而且Interval属性值大于0,则计时器开始工作(以Interval属性值为间隔,触发Timer事件)。通过把Enabled属性设置为False,可使时钟控件无效,即计时器停止工作。,定时器示例,Private Sub Form_Load()Form1.AutoRedraw=True Form1.Print timer test Form1
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 用户界面 设计
链接地址:https://www.31ppt.com/p-5797563.html