《应用界面设计》PPT课件.ppt

《《应用界面设计》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《应用界面设计》PPT课件.ppt（65页珍藏版）》请在三一办公上搜索。

1、1,第5章 应用界面设计,5.1 多窗体5.2 菜单5.3 工具栏5.4 MDI窗体5.5 通用对话框控件,2,5.1 多窗体,5.1.1 使用多窗体5.1.2 设置启动窗体5.1.3 窗体模板,3,5.1.1 使用多窗体,1.添加窗体,当创建新工程时，自动创建了一个空白的窗体Form1。如果要在工程中添加新的窗体，添加窗体的方法有：,选择“工程”菜单“添加窗体”菜单项。单击工具栏上的“添加窗体”按钮。用鼠标右键单击工程资源管理器，在弹出的菜单中选择“添加”菜单“添加窗体”菜单项。,2.移除窗体 工程中已创建了多个窗体，需要移除窗体。用鼠标右键单击工程资源管理器窗口中要移除的窗体名，出现的下拉

2、菜单中选择“移除Form2”菜单项就在“工程1”中移除了该窗体。,（快讲）,4,5.1.1 使用多窗体,3.设置窗体名称和文件名 窗体的默认名称为Form1、Form2，当保存时窗体的文件名也默认为Form1.frm、Form2.frm。窗体的名称在属性窗口中通过窗体的“名称”（Name）属性来设置；窗体的文件名则可以在第一次保存时，选择“文件”菜单“保存”菜单项，或者在下一次保存时，选择“文件”菜单“Form1另存为”菜单项，在打开的保存文件对话框中输入自己的文件名。,5,5.1.2 设置启动窗体,设置启动窗体的方法：（1）选择“工程”菜单“工程1属性”菜单项。（2）在工程属性的“通用”页中

3、选择“启动对象”，在下拉列表中选择启动窗体名。,（3）单击“确定”按钮。,6,5.1.3 窗体模板,VB提供了多种窗体模板选择其他的图标有：VB数据窗体向导、ODBC登录、Web浏览器、“关于”对话框、对话框、展示屏幕、日积月累、登录对话框和选项对话框。,（自学）,7,5.1.3 窗体模板,ODBC登录,登录对话框,展示屏幕,8,5.1.3 窗体模板,【例5-1】创建一个学生管理系统，工程中有两个窗体，第一个窗体为快速显示窗体frmSplash，另一个为输入学生信息窗体Form1。,（1）创建两个窗体 创建的新工程，出现空白的窗体Form1；然后选择“工程”菜单“添加窗体”菜单项，选择“展示屏

4、幕”图标，在工程中加入第二个窗体frmSplash。,（2）修改窗体属性,9,5.1.3 窗体模板,窗体Form1中放置一个标签Label1和一个按钮Command1，属性设置如表。,（3）添加程序代码 功能要求：运行程序先出现frmSplash窗体，单击窗体或窗体中的框架frame1，显示下一个窗体Form1并卸载本窗体；单击窗体Form1中的“退出”按钮Command1则结束程序。,10,5.1.3 窗体模板,窗体frmSplash的程序代码如下：,Private Sub Form_Click()单击窗体 Form1.Show Unload MeEnd Sub,Private Sub Fr

5、ame1_Click()单击框架 Form1.Show,Unload MeEnd Sub,窗体Form1的程序代码如下：Private Sub Command1_Click()单击退出按钮 Unload MeEnd Sub,程序分析：窗体的Show方法是用来显示窗体。在第二个窗体Form1中使用“Unload Me”语句卸载窗体就结束了程序。,11,5.1.3 窗体模板,（4）调整窗体布局 在窗体布局窗口中调整两个窗体的位置，如图5.8所示。,（5）设置启动窗体 当有多个窗体时，应设置启动窗体，选择“工程”菜单“工程1属性”菜单项，在工程属性对话框中将frmSplash窗体设置为启动窗体。,（

6、6）保存工程 保存工程和窗体文件，则需要保存一个*.vbp文件和两个*.frm文件。,12,5.2 菜单,5.2.1 菜单的基本概念5.2.2 菜单编辑器5.2.3 菜单的代码设计5.2.4 弹出式菜单,13,5.2.1 菜单的基本概念,下拉式菜单Windows应用程序界面中的下列式菜单如图所示。,菜单栏,复选标志,子菜单项,分隔线,菜单项,访问键,快捷键,14,5.2.1 菜单的基本概念,（1）菜单栏 菜单栏出现在窗体的标题栏下面，包含一个或多个菜单标题。（2）菜单 菜单就是当用鼠标单击菜单条上的菜单标题时，出现下拉列表。（3）菜单项 菜单的每个列表项称为一个菜单项。菜单项可以是命令、分隔条

7、和子菜单标题，菜单项至少包括一个命令。（4）子菜单 子菜单又称“级联菜单”，从一个菜单项分支出来的菜单。,15,5.2.2 菜单编辑器,1.打开菜单编辑器打开菜单编辑器的方法：选择“工具”菜单“菜单编辑器”菜单项。在“工具栏”上单击“菜单编辑器”按钮。按Ctrl+E键。,创建的菜单和菜单编辑器窗口。,16,5.2.2 菜单编辑器,2.菜单编辑器的设计标题（Caption）“标题”文本框用于设置在菜单栏上显示的文本。如果菜单想打开的是一个对话框，在标题文本的后面应加“”。,(2)名称（Name）在“名称”文本框中，设置用来在代码中引用该菜单项的名字。菜单的名称一般以mnu作为前缀，后面为各级菜单

8、的名称，例如“输入数据”菜单名称为“mnuInput”。,(3)快捷键（ShortCut）在快捷键组合框中可以输入快捷键，也可以选取功能键或键的组合来设置，要删除快捷键应选取列表顶部的“None”。,17,5.2.2 菜单编辑器,(4)分隔条 分隔条为菜单项间的一条水平线，当菜单项很多时，可以使用分隔条将菜单项划分成一些逻辑组。如图的“视图”菜单中用分隔线分成几组。在标题中输入一个连字符“”。(5)其他属性 复选（Checked）标记：当设置为True在输入框中打，则运行时初次打开菜单项，该菜单项的左边显示“”，指出可切换的命令选项的开关状态。有效（Enabled）属性：当设置为True在输入

9、框中打，在运行时以清晰的文字出现，表示该菜单可使用；未选中则在运行时以灰色的文字出现，表示禁止使用。,18,5.2.2 菜单编辑器,索引（Index）：在索引输入框中建立控件数组的下标。可见（Visible）：在输入框中打设置为True，则菜单项可见，一个不可见的菜单项是不能执行的。帮助上下文（HelpContextID）：指定一个唯一的数值作为帮助文本的标识符，根据该数值在帮助文件中查找适当的帮助主题。显示窗口列表（WindowList）属性：当菜单要包括一个打开的所有MDI（多文档界面）子窗口的列表时，在输入框中打。,19,5.2.2 菜单编辑器,按钮“下一个”（Next）按钮：添加下一个

10、菜单项。“插入”（Insert）按钮：插入一个菜单项。“删除”（Delete）按钮：删除菜单项。“”或“”按钮：向上下移动菜单项。“”按钮：向里缩进，菜单项前加了四个点（.），变为下一级菜单。“”按钮：删除菜单项前的四个点，变为上一级菜单。3.属性窗口 菜单属性可以在菜单编辑器中设置，也可以在属性窗口中设置。,20,5.2.3 菜单的代码设计,菜单的Click事件 菜单控件只包含一个事件，即Click事件，每个菜单项都被当作一个控件，当用鼠标单击或键盘选中后按“回车”键时触发该事件，除分隔条以外的所有菜单控件都能识别Click事件。例5-2（p127）,2.运行时改变菜单属性(1)使菜单命令有

11、效或无效 所有的菜单项都具有Enabled 属性，Enabled 属性默认值为True。,21,5.2.3 菜单的代码设计,(2)显示菜单控件的复选标志 使用菜单项的Checked 属性，可以设置复选标志，如果Checked属性为True表示含有复选标志。,(3)使菜单控件不可见 在运行时，要使一个菜单项可见或不可见，可以从代码中设置其Visible属性。,22,5.2.3 菜单的代码设计,(4)运行时添加菜单项,23,5.2.4 弹出式菜单,创建弹出式菜单的步骤：(1)使用“菜单编辑器”创建菜单。(2)使顶级菜单的“可见”框不打“”即“Visible”属性设置为False。(3)编写相应与弹

12、出式菜单相关联的MouseUp（释放鼠标）事件代码，需要使用对象的PopupMenu方法。,24,5.2.4 弹出式菜单,语法：对象.PopupMenu 菜单名,位置常数,横坐标,纵坐标位置常数有以下几种：vbPopupMenuLeftAlign：用横坐标位置定义该弹出式菜单的左边界。VbPopupMenuCenterAlign：弹出式菜单以横坐标位置为中心。vbPopupMenuRightAlign：横坐标位置定义该弹出式菜单的右边界。,25,5.2.4 弹出式菜单,【例5-2】使用弹出式菜单显示帮助信息。在菜单编辑器中创建“帮助”菜单mnuHelp，mnuHelp菜单项的“可见”框不打“”

13、即“Visible”属性设置为False。,26,5.2.4 弹出式菜单,添加程序代码如下：,Private Sub Form_MouseUp(Button As Integer,Shift As Integer,X As Single,Y As Single)在窗体上释放鼠标 If Button=2 Then 鼠标右键 PopupMenu mnuHelp End If End Sub,程序分析：如果单击的是鼠标右键则Button=2单击的是左键则Button=1。,在上图中，弹出式菜单mnuHelp的第一级“帮助”菜单项不显示。,27,5.3 工具栏,创建工具栏的步骤 工具栏是工具条（Too

14、lbar）控件和图像列表（ImageList）控件的组合。VB专业版和企业版中都有Toolbar 控件和ImageList 控件。,创建工具栏的步骤：（1）添加MSCOMCTL.OCX文件。（2）创建ImageList控件作为要使用的图形集合。（3）创建Toolbar控件，并将Toolbar控件与ImageList控件相关联，创建Button 对象。（4）在ButtonClick 事件中添加代码。,（自学）,28,5.3 工具栏,2.添加MSCOMCTL.OCX文件 用鼠标右键单击控件箱，选择快捷菜单中的“部件”菜单项，在如图的“控件”选项卡中选择“Microsoft Windows Comm

15、on Controls 6.0”，单击“确定”按钮，则在控件箱中就添加了多个ActiveX 控件，其中有ImageList和Toolbar控件。,29,5.3 工具栏,3.创建ImageList控件和Toolbar控件 在窗体中放置ImageList和Toolbar控件。ImageList 控件的作用就象图像的储藏室，ImageList 控件不能独立使用，它需要Toolbar控件来显示所储存的图像。,30,5.3 工具栏,4将ToolBar控件与ImageList控件相关联(1)用鼠标右键单击Toolbar控件出现弹出式菜单，选择“属性”命令，则出现“属性页”。(2)在“属性页”的“通用”选项

16、卡的“图像列表”中，单击下拉箭头，选择“ImageList 1”，如图(左)所示。(3)将“属性页”切换到“按钮”（Buttons）选项卡，创建创建按钮（Button）对象，其中各项功能说明如下。,31,5.3 工具栏,插入按钮、删除按钮：添加或删除工具栏中的按钮。索引（Index）、关键字（Key）：每个按钮都有唯一的标识，Index为整型，Key为字符串型，访问按钮时可以引用二者之一。标题（Caption）：标题是显示在按钮上的文字。描述：描述是按钮的说明信息。值（Value）：Value属性决定按钮的状态，0-tbrUnpressed为弹起状态，1-tbrPressed为按下状态。图像（

17、Image）：按钮上显示的图片在ImageList控件中的编号。工具提示文本（ToolTipText）：程序运行时，当鼠标指向按钮时显示的说明。,32,5.3 工具栏,例如5-2，在Toolbar1中插入了三个按钮，在属性页中设置的值如表所示，运行界面如图,33,5.3 工具栏,4编写ButtonClick 事件代码ButtonClick 事件是当单击某个按钮时触发的，可以用按钮的Index属性或Key属性标识被单击的按钮。例如，单击工具栏ToolBox1，通过按钮对象的索引（Index）属性来标识被单击的是哪个按钮。程序代码如下：Private Sub Toolbar1_ButtonClic

18、k(ByVal Button As MSComctlLib.Button)Select Case Button.Index Case 1 打开输入学生信息窗体 Form1.Show Case 2 打开输入学生成绩窗体 Form2.Show Case 3 打开输入部门窗体 Form3.Show End SelectEnd Sub,34,5.4 MDI窗体,5.4.1 界面样式5.4.2 多文档界面,（自学）,35,5.4.1 界面样式,SDI 界面SDI界面（Single Document Interface）是单文档界面，指在应用程序中每次只能打开一个文档，想要打开另一个文档时，必须先关闭已打

19、开的文档。,MDI 界面MDI界面（Multiple Document Interface）是多文档界面，在应用程序中可以允许单个父窗体中包含多个子窗体。资源管理器界面,36,5.4.2 多文档界面,多文档界面的主窗体（MDI窗体）作为其他窗口的容器，称为父窗口。父窗口为应用程序中所有的子窗口提供工作空间。当最小化父窗口时，所有的子窗体也被最小化，只有父窗口的图标显示在任务栏中。但子窗口是独立与父窗口存在的，可以随意打开或关闭子窗口。,1.创建 MDI 应用程序的步骤创建 MDI 应用程序的步骤如下：(1)选择“工程”菜单“添加 MDI 窗体”菜单项，窗体的默认名为“MDIForm1”。(2)

20、选择“工程”菜单“添加窗体”菜单项，创建一个新窗体Form1（或者打开一个存在的窗体）(3)把子窗体Form1的 MDIChild 属性设为 True。,37,5.4.2 多文档界面,(4)选择“工程”菜单“工程属性”，在“工程属性”对话框中将子窗体Form1设置为启动对象。,38,5.4.2 多文档界面,MDI特性(1)父菜单和子菜单 MDI窗体有自己的菜单，MDI窗体通常只有打开了子窗体才有意义，因此MDI窗体的菜单条至少有两个菜单：“装入子窗体”和“退出”。各个子窗体也有自己的菜单。,(2)Arrange方法Arrange方法用于以不同的方式排列MDI窗体中的窗口和图标。Arrange方

21、法值如所示。,39,5.4.2 多文档界面,Screen对象和Screen.ActiveForm属性Screen对象能够提供当前窗体或控件的详细信息。,【例5-3】创建一个学生信息管理MDI 窗体MDIForm1，三个子窗体分别是Form1、Form2、Form3，分别用于输入学生信息、输入学生成绩和输入系别。界面设计步骤如下：添加一个MDI 窗体，窗体的默认名为“MDIForm1”。(2)添加三个新窗体Form1、Form2和Form3，然后把它们的MDIChild属性设为True。(3)在“工程属性”对话框中将启动对象设置为MDIForm1。,40,5.4.2 多文档界面,(4)在MDI窗

22、体设计父菜单，菜单条有“打开窗体”、“窗口”和“退出”菜单项。,41,5.4.2 多文档界面,(5)程序设计程序代码如下：单击“打开窗体”菜单的下拉菜单项，可以打开相应的窗体。Private Sub mnuOpenForm1_Click()打开Form1 Form1.ShowEnd SubPrivate Sub mnuOpenForm2_Click()打开Form2 Form2.ShowEnd SubPrivate Sub mnuOpenForm3_Click()打开Form3 Form3.ShowEnd Sub,42,5.4.2 多文档界面,Private Sub WindowCascade

23、_Click()层叠式排列 MDIForm1.Arrange 0End SubPrivate Sub WindowHorizontal_Click()水平方向平铺 MDIForm1.Arrange 1End Sub,单击“窗口”菜单的下拉菜单项，将打开的窗体按不同的方式排列。,43,5.4.2 多文档界面,Private Sub WindowIcons_Click()重排最小化子窗体图标 MDIForm1.Arrange 3End SubPrivate Sub WindowVertical_Click()垂直方向平铺 MDIForm1.Arrange 2End SubPrivate Sub m

24、nuExit_Click()退出 EndEnd Sub,44,5.5 通用对话框控件,5.5.1 创建通用对话框控件5.5.2 文件对话框5.5.3 颜色对话框5.5.4 字体对话框5.5.5 打印对话框5.5.6 帮助对话框,45,5.5.1 创建通用对话框控件,1.创建通用对话框控件创建通用对话框控件的步骤：用鼠标右键单击控件箱，选择快捷菜单中的“部件”菜单项；(2)在部件对话框中选择“Microsoft Common Dialog Control6.0”是在“C:WindowsSystemComdlg32.ocx”文件中。控件箱中就会出现通用对话框控件的图标。(3)将通用对话框控件放置到

25、窗体界面中，则在窗体中就有了 CommonDialog1控件。,46,5.5.1 创建通用对话框控件,设置通用对话框控件的属性 通用对话框控件可以产生Windows常用的六个标准对话框，包括：文件对话框（打开、另存为对话框）、颜色对话框、字体对话框、打印对话框和帮助对话框。(1)通用对话框控件的Action属性或Show方法，关系如表所示。,47,5.5.1 创建通用对话框控件,(2)属性页,48,5.5.2 文件对话框,打开对话框 打开对话框可以用来指定文件所在的驱动器、文件夹及文件名、文件扩展名。显示打开对话框的语句：通用对话框控件名.Action=1或：通用对话框控件名.ShowOpen

26、 打开对话框中还包括很多可在对话框中设置控件属性，常用属性如表所示。,49,5.5.2 文件对话框,Filter（过滤器）属性的设置格式为：文件类型描述1|(文件类型1)|文件类型描述2|(文件类型2)|.例如，打开图形文件*.jpg、*.bmp和*.gif文件：CommonDialog1.Filter=“BMP文件(*.bmp)|*.bmp|GIF文件(*.gif)|*.gif|JPG文件(*.jpg)|*.jpg CommonDialog1.ShowOpen,50,5.5.2 文件对话框,2.另存为对话框 另存为对话框可以用来指定文件所要保存的驱动器、文件夹及文件名，显示另存为对话框的语句

27、：通用对话框控件名.Action=2或：通用对话框控件名.ShowSave 另存为对话框的属性与打开对话框基本相同，另存为对话框还可以使用DefaultExt属性设置保存文件的默认扩展名。DefaultExt属性的设置格式为：通用对话框控件名.DefaultExt=文件格式,51,5.5.2 文件对话框,【例5-4】使用打开对话框控件来打开并显示图形文件。界面设计：在窗体中放置一个通用对话框控件CommonDialog1用来打开和另存文件，一个图片框Picture1用来显示图片，一个框架Frame1和三个按钮Command1Command3，Command1按钮“显示图片”用来打开并显示图形文

28、件，Command2按钮“另存文件”用来另存文件，Command3按钮“退出”用来结束程序。,52,5.5.2 文件对话框,运行界面如图(a)所示，为打开并显示图片的界面，另存为对话框如图(b)所示。,(a)运行界面(b)另存为对话框,53,5.5.2 文件对话框,程序代码如下：先设置CommonDialog1的初始目录和显示文件类型，然后装载图片文件到Picture1。Private Sub Command1_Click()单击显示图片按钮 With CommonDialog1.InitDir=C:.Filter=BMP文件(*.bmp)|*.bmp|GIF文件(*.gif)|*.gif|J

29、PG文件(*.jpg)|*.jpg.Action=1 Frame1.Caption=.FileName 显示文件名 Picture1.Picture=LoadPicture(.FileName)装载图片框的图形文件 End WithEnd Sub,54,5.5.2 文件对话框,先设置CommonDialog1的初始目录、显示文件类型和默认保存文件类型，然后另存Picture1所显示的文件。Private Sub Command2_Click()单击另存文件按钮 With CommonDialog1.InitDir=C:.Filter=BMP文件(*.bmp)|*.bmp|GIF文件(*.gif

30、)|*.gif|JPG文件(*.jpg)|*.jpg.DefaultExt=jpg.Action=2 SavePicture Picture1.Picture,.FileName End WithEnd SubPrivate Sub Command3_Click()单击退出按钮 EndEnd Sub,55,5.5.3 颜色对话框,颜色对话框用来在调色板中选择颜色，或者创建自定义颜色。显示颜色对话框的语句：通用对话框控件名.Action=3或：通用对话框控件名.ShowColor 颜色对话框的常用属性如如表所示，颜色对话框如图所示。,颜色对话框的常用属性：,56,5.5.4 字体对话框,字体对话

31、框用来指定字体、大小、颜色、样式设置字体，显示字体对话框的语句：通用对话框控件名.Action=4 或：通用对话框控件名.ShowFont,57,5.5.5 打印对话框,打印对话框用于指定打印输出方式，可以指定被打印页的范围，打印质量，打印份数等。显示打印对话框的语句：,通用对话框控件名.Action=5或：通用对话框控件名.ShowPrinter打印对话框如图所示。,58,5.5.6 帮助对话框,帮助对话框用于设置某些上下文帮助信息。显示帮助对话框的语句：通用对话框控件名.Action=6或：通用对话框控件名.ShowHelp,59,小 结,多窗体的启动属性设置；菜单编辑、popupmenu

32、方法的使用；工具栏的制作；MDI窗体的创建；通用对话框控件的应用。,60,习 题,1下列操作中不能向工程中添加窗体的是_。A.执行“工程”菜单的“添加窗体”菜单项B.单击工具栏上的“添加窗体”按钮 C.鼠标右键单击窗体，弹出的菜单中选择“添加窗体”菜单项D.用鼠标右键单击工程资源管理器，在弹出的菜单中选择“添加”菜单项，然后再在下一级菜单中选择“添加窗体”菜单项。2.当一个工程中含有多个窗体时，其中的启动窗体是_。A.启动VB时建立的窗体 B.第一个添加的窗体 C.最后添加的一个窗体 D.在工程属性窗口中指定的启动窗体,61,习 题,3.如果有一个菜单项，名称为mnuFile，则在运行时使菜单

33、失效的语句是_。A.mnuFile.Visible=True B.mnuFile.Enabled=True C.mnuFile.Enabled=False D.mnuFile.Visible=False4.下面叙述错误的是_。A.在同一窗体的菜单项中，不允许出现标题相同的菜单项B.在菜单的标题栏中，“&”所引导的字母指明了访问该菜单项的访问键 C.程序运行过程中，可以重新设置菜单的Visible属性D.弹出式菜单也在菜单编辑器中定义,62,习 题,5.程序要在单击窗体Form2的“退出”按钮后结束，可以在窗体的“退出”按钮的Click事件过程中使用的语句为：_。A.Form2.Hide B.H

34、ide Form2 C.Form2.UnloadD.Unload Form26.关于MDI窗体正确的是_。A.一个应用程序可以有多个MDI窗体 B.子窗体可以移到MDI窗体外 C.不能在MDI窗体上放置按钮控件 D.MDI窗体的子窗体不能有菜单7.下列不能打开菜单编辑器的操作是_。A.按Ctrl+E B.单击工具栏的“菜单编辑器”按钮 C.执行“工具”菜单的“菜单编辑器”命令 D.按Shift+Alt+M8.在菜单过程中使用的事件是利用鼠标_菜单条来实现的。A.拖动 B.双击 C.单击 D.移动,63,习 题,9.和CommonDialog1.Action=3等效的方法是 _。A.Common

35、Dialog1.ShowOpen B.CommonDialog1.ShowFont C.CommonDialog1.ShowColor D.CommonDialog1.ShowSave10.在窗体上添加了通用对话框控件CommonDialog1，并运行语句“CommonDialog1.Filter=文本文件(*.txt)|*.txt|Word文件(*.doc)|*.doc”，则在对话框的文件列表框中出现的选项个数是_。A.1 B.4 C.2 D.不确定,二、填空题在菜单编辑器中建立一个菜单名称为menu1，用下面语句可以把它作为弹出式菜单显示：Form1._menu12.在VB中可以建立_菜单

36、和_菜单。,64,习 题,3.窗体上有一个通用对话框控件CommonDialog1和一个命令按钮Command1，当单击按钮时程序的功能是_。Private Sub Command1_Click()CommonDialog1.Action=1End Sub4.创建一个MDI窗体，作为其子窗体则_属性应设置为True。5.创建工具栏需要_控件和_控件组合。6.用户界面样式主要有_界面和_界面。7.当单击工具栏中的某个按钮时触发_事件。8.如果要将某个菜单项设计为分隔线，则该菜单项的标题应设计为_。,65,作 业,窗体上有一个通用对话框控件CommonDialog1和一个命令按钮Open，当单击按钮时实现以下功能：打开对话框的标题为：“打开图形文件”打开的初始文件目录为：“c:”默认打开文件为：“picture.bmp”打开的图形文件格式为：jpg、bmp、gif文件,