Visual-Basic程序设计综合教程第8章-应用界面设计课件.ppt
《Visual-Basic程序设计综合教程第8章-应用界面设计课件.ppt》由会员分享,可在线阅读,更多相关《Visual-Basic程序设计综合教程第8章-应用界面设计课件.ppt(79页珍藏版)》请在三一办公上搜索。
1、,第8章 应用界面设计 用户界面是应用程序的重要组成部分之一,一个设计良好的应用程序,其可用性很大程度上取决于程序界面的清晰和各种功能布局的合理。VB除了提供了一些标准常规控件外,还提供了菜单和大量的ActiveX高级控件。合理利用这些控件,可以使应用程序更加符合Windows的风格,同时也具有灵活性和便捷性。 本章将介绍VB用户界面设计的高级技术,主要包括菜单栏、工具栏、状态栏和通用对话框,它们都是构成应用程序界面的重要组成部分。,第8章 应用界面设计,【主要内容】 菜单编辑器的使用 下拉式菜单与弹出式菜单的建立 工具栏与状态栏的使用 通用对话框的使用,【主要内容】,8.1 引例8.2 设计
2、菜单8.3 工具栏和状态栏8.4 通用对话框本章小结,Visual-Basic程序设计综合教程第8章-应用界面设计课件,【例8.1】设计一个简单的菜单应用程序,通过使用菜单操作完成程序中的打开“文件”对话框的功能,程序运行结果如图8.1(a),图8.1(b)所示。,8.1 引例,图8.1(a) 【例8.1】运行结果a,图8.1(b) 【例8.1】运行结果b,【例8.1】设计一个简单的菜单应用程序,通过使用菜8.1,操作步骤:(1)设计用户界面 根据图8.1(a)的要求此程序要求设计菜单,在VB中,菜单被看作是一种特殊类型的控件:菜单控件。菜单中的每一个菜单项,都是独立的菜单控件对象。在窗体上添
3、加菜单需要使用“菜单编辑器”。选择“工具”菜单中的“菜单编辑器”命令,调出“菜单编辑器”,如图8.1(c)所示。,图8.1(c) “菜单编辑器”对话框,操作步骤:图8.1(c) “菜单编辑器”对话框,在“菜单编辑器”中进行相应的设置,在“标题”文本框中输入“文件(&F),在“名称”文本框中输入file,完成“文件”菜单的创建。单击“下一个”在“标题”文本框中输入“新建(&N)”,在“名称”文本框中输入Newfile,并在“快捷键”列表框中选择Ctrl+N。通过“”和“”按钮来改变菜单的层次。由于“新建”菜单项是“文件”菜单的一级子菜单,因此在完成上述设置之后,应单击右箭头“”,这时“新建”菜单
4、项前面会出现“.”,成为“文件”菜单下的一级子菜单。,在“菜单编辑器”中进行相应的设置,在“标题”文本,用同样的方法输入如图8.1(d)所示内容,注意每个菜单项都要有相应的名称,以方便在编写代码时调用。对于“编辑”、“格式”、“查看”和“帮助”只设置其主菜单项即可。,图8. 1(d) 菜单编辑器设置,用同样的方法输入如图8.1(d)所示内容,注意每个图8. 1,程序中还使用了“打开”文件对话框,在VB中这一功能可利用通用对话框控件(CommonDialog)来实现。具体操作步骤如下 :A 执行“工程”菜单中的“部件”命令,打开如图8.1(e)所示“部件”对话框。,图8.1(e) “部件”对话框
5、,程序中还使用了“打开”文件对话框,在VB中这一功,B 在“部件”中对话框选择“控件”选项卡,然后在控件列表框中选择“Microsoft Common Dialog Control 6.0”。C 单击“确定”按钮,通用对话框被添加到工具箱中,如图8. 1(f)所示。,B 在“部件”中对话框选择“控件”选项卡,然后在控件列表框中,将通用对话框控件放置到窗体上任意位置(运行时此控件不可见),设置通用对话框name属性为Cd1。选中通用对话框控件单击右键出现如图8.1(g)所示“属性”对话框。,图8.1(g) “属性页”对话框,将通用对话框控件放置到窗体上任意位置(,进行如图8.1(h)所示最简单的
6、设置,要求初始化路径为E:盘根目录,单击“确定”,最后在窗体上添加一文本框即可。,图8.1(h) “属性页”对话框设置,进行如图8.1(h)所示最简单的设置,要求初始,(2)代码编写 在图8.1(i)所示界面,选择“文件”中的“打开”双击,进入代码编写窗口,编写如代码:,图8.1(i) 程序运行前界面,(2)代码编写图8.1(i) 程序运行前界面,Private Sub file_open_Click() file_open是“文件”-“打开”菜单的名字 Cd1.ShowOpen Cd1是通用对话框的nameEnd Sub 运行程序后,单击窗体上的“文件”,出现图8.1(a)所示运行界面,单击
7、“打开”或直接按“O”键,出现图8.1(b)所示运行界面。,Private Sub file_open_Click(),说明:(1)VB中制作菜单是使用菜单编辑器来实现的,具体有关菜单编辑器的使用将在本章做详细讲解。(2)“通用对话框”仅用于应用程序与用户之间的信息交互,是输入输出的界面,不能实现打开文件。如果想要实现这些功能需要编写相应程序。(3)“通用对话框”还可以进行其它的设置,本章将进行一一讲解。,8.2.1 菜单编辑器的使用8.2.2 运行时改变菜单属性8.2.3 弹出式菜单,8.2 设计菜单,8.2.1 菜单编辑器的使用8.2 设计菜单,8.2 设计菜单,在Windows环境下,几
8、乎所有的软件都有菜单,菜单是将应用程序所能完成的任务有机的组织起来以方便用户的使用。而且这些菜单从构成、组织到操作方法甚至快捷键都非常相似。用户界面是否友好是衡量一个应用软件开发水平的重要标志,而菜单是用户界面的重要组成部分。 菜单最大特点是把程序的功能以菜单的形式列出,用户需要的时候可以选择使用。对于可视语言来说,菜单的设计要简单和直观得多,全部设计都在一个窗口内完成。利用这个窗口,可以建立下拉式菜单,最多可达6层。每一个菜单项对应于一段程序的执行,类似于执行一个命令。VB支持Windows的下拉式和弹出式两种类型的菜单。,8.2 设计菜单 在Windows环境,以一个简单的应用程序的界面为
9、例,介绍组成菜单的基本元素(如所示)。菜单栏由多个菜单名(也叫主菜单)组成,如“文件”、“编辑”等都是菜单标题。某一个菜单标题下拉出一个菜单,包含一个或者多个菜单项,如图8.2 所示。,以一个简单的应用程序的界面为例,介绍组,8.2.1 菜单编辑器的使用 VB中的菜单通过菜单编辑器,即菜单设计窗口建立。可以通过以下4种方式进入菜单编辑器:1 打开“工具”菜单,选择“菜单编辑器”;2 单击工具栏中的“菜单编辑器”按钮;3 使用快捷键Ctrl+E;4 在要建立菜单的窗体上单击鼠标右键,将弹出一个菜单,如图8.3所示,然后单击“菜单编辑器”命令。,图8.3 用弹出式菜单打开菜单编辑器窗口,8.2.1
10、 菜单编辑器的使用图8.3 用弹出式菜单打开菜单,使用上面4种方法中的一种,打开菜单编辑器窗口如图8.1(c)所示,具体内容如下:(1)标题 “标题”框用于设置在菜单栏上显示的文本。如果菜单打开的是一个对话框,在标题文本后面应加“”如果菜单要通过键盘来执行相应操作,使某一字符成为该菜单项的访问键,可以用“(&+访问字符)”的格式,访问字符一般是菜单标题的第一个字母,或者是别的更易记的字符,两个同级菜单项不能用同一个访问字符。在运行时访问字符会自动加上一条下划线,“&”字符则不可见。如图8.1(d)所示的,按Alt+F可打开“文件”菜单,再按“O”键就打开了“打开”菜单项。,使用上面4种方法中的
11、一种,打开菜单编辑器窗口,(2)名称 在“名称”文本框中,设置在代码中引用该菜单项的名字。菜单项名字应当唯一,但不同菜单中子菜单项可以重名。(3)快捷键 可以在快捷键组合框中输入快捷键,也可以选取功能键或键的组合来设置。快捷键将自动出现在菜单上,要删除快捷键应选取列表项顶部的“(none)”。例如:为“新建”菜单项创建快捷键Ctrl+N,在运行时按Ctrl+N将实现与单击“新建”菜单项相同的操作。 菜单条上的第一级菜单不能设置快捷键。,(2)名称,(4)其它属性 帮助上下文:指定一个唯一的数值作为帮助文本的标识符,可根据该数值在帮助文件中查找适当的帮助主题。 协调位置:与OLE功能有关,一般取
12、0值。 复选(Checked)属性: 如果选中(),在初次打开菜单项时,该菜单项的左边显示“”。在菜单条上的第一级菜单不能使用该属性。 有效(Enabled)属性: 如果选中(),在运行时以清晰的文字出现;未选中则在运行时以灰色的文字出现,不能使用该菜单项。 显示窗口列表(WindowList)属性: 当菜单要包括一个打开的所有MDI(多文档界面)子窗口的列表时,选中()此项。,(4)其它属性,(5)移动、插入、删除菜单项 当需要创建下一个子菜单时,可选取“下一个”或者单击“插入”按键。单击“”按钮,缩进级前加四个点(.);单击“”按钮则删除一个缩进级。 “”或“”按钮:上移或者下移所选菜单项
13、。 “插入”和“删除”按钮:插入和删除菜单项。 (6)分隔条 分隔条为菜单项间的一个水平线,当菜单项很多时,可以使用分隔条将菜单项划分成一些分组。 如果想增加一个分隔条,选取“插入”,在“标题”文本框中键入一个连字符“-”。虽然分隔条是当作菜单控件来创建的,但不能被选取。,(5)移动、插入、删除菜单项,8.2.2 运行时改变菜单属性1、使菜单命令有效或无效 所有的菜单项都具有Enabled属性,Enabled属性默认值为True(有效)。当Enabled属性设为False时,菜单项会变暗,菜单命令无效不响应动作,快捷键也无效。若上级菜单无效则整个下拉菜单无效。,8.2.2 运行时改变菜单属性,
14、2、 显示菜单控件的复选标志 使用菜单项的Ckecked属性,可以设置复选标志,如果Checked属性为Ture表示含有复选标志。如图8.4所示,单击“标尺”可将显示标记显示或删除。假设“标尺”项的name属性值为“Biaochi”则有 :Private Sub Biaochi_Click() Biaoc.Checked=Not Biaoc.CheckedEnd Sub,图8.4 复先选标志示例,2、 显示菜单控件的复选标志 使用菜单项的C,3、 使菜单控件不可见 在运行时,要使一个菜单项不可见或可见,可以从代码中设置其Visible属性。当下拉菜单中的一个菜单项不可见时,则其余菜单项会上移以
15、填补空出的空间。如果菜单条上的菜单项不可见,则菜单条上其余的控件会左移以填补该空间。 使菜单不可见也产生使之无效的作用,通过菜单、访问键或者快捷键都无法访问该控件。,3、 使菜单控件不可见,4、运行时添加菜单项 运行时可以添加菜单项,例如,VB的“文件”菜单就是根据打开的工程名添加菜单,显示出最近打开过的工程名,如图8.5所示。,4、运行时添加菜单项图8.5运行添加菜单项示例运行时,添加菜单项必须使用控件数组。为了在运行时可以添加菜单项,在设计时必须设置该菜单项的Index属性为0,使它自动地成为控件数组的一个元素,同时也创建了一个在运行时不可见的分隔条。 如果要添加或删除一个控件数组中的菜单
16、控件,可以使用Load或Unload语句。,添加菜单项必须使用控件数组。为了在运行,【例8.2】设计一个简单的记事本,程序启动“编辑”菜单中的“粘贴”菜单项不可用,当用户在文本框中输入内容后,单击“编辑”菜单下的“剪切”或“复制”菜单项,或使用对应的快捷方式,可完成相应的功能,同时“粘贴”菜单项变为可用状态。运行结果如图8.6(a)所示。,图8.6(a)【例8.2】运行结果a,【例8.2】设计一个简单的记事本,程序,主菜单为“文件”、“编辑”和“帮助”。(1)设计用户界面 本例界面由两部分组成:一个是菜单栏,另一个是文本框。文件的菜单项同【例8.1】,为新建、打开、保存、另存为、分隔线、页面设
17、置、打印、分隔线、退出,帮助菜单中的菜单项为索引、内容、向导、分隔线、关于等。 设计编辑菜单为剪切、复制、粘贴,实现对记事本中选定的文档进行操作。注意根据题目要求在菜单编辑器中进行菜单设计时,要将“粘贴”菜单项的“有效”复选标记“”去掉。剪切、复制、粘贴三者的名称分别为:EditCut、 EditCopy 、EditPaste,文本框的MultiLine属性值设为True。,主菜单为“文件”、“编辑”和“帮助”。,说明:这个程序中的编辑功能是Windows程序中常用的功能。Windows提供了一个剪切板对象Clipboard,使用鼠标选择的文本通过程序“复制”或“剪切”操作,选择的文本(或对象
18、)被放置在Clipboard上。其中 (1)Clipboard.Clear是清除剪贴板上的信息。 (2)Clipboard.SetText是指定的Clipboard对象格式将文本字符串放到Clipboard上。 (3)Clipboard.GetText是从Clipboard返回一个文本字符串 。,说明:这个程序中的编辑功能是Windo,通过本例的学习,希望读者注意以下知识点的应用:菜单编辑器的使用:首先是启动菜单编辑器,然后是菜单编辑器中具体内容的设置(主要包括以下内容:标题、名称、快捷键、复选(Checked)属性、有效(Enabled)属性、移动、插入、删除菜单项和分隔条的设置)。运行时改
19、变菜单属性:最常用的有在运行过程中使菜单命令有效或无效和显示菜单控件的复选标志,本例中对菜单项“粘贴”命令在程序运行过程中使用了动态变化。分隔条的使用:分隔条是菜单中特殊的菜单项,该菜单项不能响应Click事件,也不能被选取。分隔条作为菜单项间的一个水平行显示在菜单上,可以使用分隔条菜单项将各菜单项划分成一些逻辑组。如果想增加一个分隔条,选取“插入”,在“标题”文本框中键入一个连字符“-”, 为其命名唯一的名称。学会剪切板的使用。,通过本例的学习,希望读者注意以下知识点的应用:,8.2.3 弹出式菜单 弹出式菜单又称为快捷菜单,弹出式菜单是当单击鼠标右键时出现的菜单,是显示在窗体上独立于菜单的
20、浮动式菜单,弹出式菜单显示的菜单项取决于鼠标右键按下时鼠标指针所在的位置。本节通过一个实例介绍弹出式菜单的设计过程。,8.2.3 弹出式菜单,【例8.3】为【例8.2】添加一个弹出式菜单,当用户在程序的窗体上右击时,将弹出该菜单,选择其中的菜单项,能够实现相应的功能,如图8.7(a)所示。,图8.7(a) 【例8.4】运行结果1,图8.7(a) 【例8.4】运行结果1,设计过程如下:(1)弹出式菜单的设计 使用“菜单编辑器”创建菜单。将顶级菜单项设为不可见。如图8.7(b)所示。,图8.7(b)【例8.3】中的菜单编辑器,编写相应于弹出菜单关联的(释放鼠标)事件代 码。VB提供了PopuMen
21、u方法来显示弹出式菜单。该方法的格式为:,设计过程如下:(1)弹出式菜单的设计图8.7(b)【例8.,对象.PopupMenu 菜单名,位置常数,横坐标,纵坐标或者使用调用的方法,格式为: Call PopupMenu(菜单名称)因为弹出式菜单被定义为使用鼠标右键,因此使用MouseDown事件判断是不是鼠标右键被按下,如果“是”通过PopupMenu“弹出”菜单。,对象.PopupMenu 菜单名,位置常数,横坐标,(2)代码编写 由于弹出式菜单是作用在文本框中,所示代码必须是在文本框的相关事件中编写。Private Sub Text1_MouseDown(Button As Integer
22、, Shift As Integer, X As Single, Y As Single)If Button = 2 Then PopupMenu PopUpEnd SubPrivate Sub PopCopy_Click()Clipboard.SetText Text1.SelText将文本框Text1中选定的内容复制到剪切板中PopPaste.Enabled = TrueEnd Sub,(2)代码编写,Private Sub PopCut_Click()Text1.SelText = 将文本框Text1中选定的内容删除PopPaste.Enabled = True使粘贴菜单项变为有效End
23、 SubPrivate Sub PopPaste_Click()Text1.SelText = Clipboard.GetText将剪切板中的数据显示在文本框Text1中End Sub,Private Sub PopCut_Click(),(3)运行结果运行程序后,在文本框中输入内容,当没有进行“剪切”或“复制”操作时,“粘贴”不可选如图8.7(a)所示,选中一段字符,进行了“剪切”操作,则“粘贴”可用,结果如图8.7(c)所示。,图8.7(c) 【例8.3】运行结果2,(3)运行结果图8.7(c) 【例8.3】运行结果2,工具栏与状态栏是 Windows应用程序界面常见的组成部分。 工具栏由
24、多个按钮构成,它提供了对于应用程序中最常用的菜单命令的快速访问方式。每个按钮一般对应菜单中的一项。而状态栏主要是用于显示应用程序的运行状态。,8.3.1 工具栏8.3.2 状态栏,8.3 工具栏和状态栏,8.3.1 工具栏8.3 工具栏,8.3.1 工具栏 工具栏由若干个按钮组成,每个按钮上一般都有图片,从而形象地表明该按钮的作用,当鼠标指向某个按钮时,还会出现文本提示以说明该按钮的功能。 为窗体添加工具栏,应使用工具条(Toolbar)控件和图像列表(ImageList)控件。Toolbar和ImageList控件是Active控件的一部分,而不是VB的内部控件,因此,在使用时必须将文件MS
25、COMTL.OCX添加到工程中。创建工具栏的步骤:,8.3.1 工具栏,(1)添加MSCOMCTL.OCX文件,用鼠标右键单击控件箱,选择快捷菜单中的“部件”命令,在如图8.8 所示的“控件”选项卡中选择“Microsoft Windows Connon Controls 6.0”,然后单击“确定”按钮,则在控件箱中就出现了ImageList 和Toolbar控件 。,图8.8 “部件”对话框,图8.8 “部件”对话框,(2)创建ImageList控件作为要使用的图形的集合。(3)创建Toolbar控件,将Toolbar控件与ImageList控件相关联,创建Button对象。(4)在Butt
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Visual Basic 程序设计 综合 教程 应用 界面设计 课件

链接地址:https://www.31ppt.com/p-1289803.html