《高级界面设计课件》由会员分享，可在线阅读，更多相关《高级界面设计课件（50页珍藏版）》请在金锄头文库上搜索。
1、第7章 高级界面设计,学习目标： 了解工具栏和状态栏的设计 了解多文档界面的创建和设计 掌握通用对话框的创建和使用 了解多媒体控件的应用技术 了解VB应用程序向导的使用,第10章 高级界面设计,教学内容： 7.1 菜单设计 7.2 工具栏和状态栏 7.3 多文档界面 7.4 通用对话框 7.5 多媒体控件应用 7.6 应用程序向导,7.1 菜单的设计与应用相关概念,1. 菜单的类型 下拉菜单：常以菜单栏的形式出现在标题栏下面 弹出菜单(快捷菜单)：独立于菜单栏而显示在窗体上的浮动菜单，其菜单项取决于按下鼠标右键时指针所处的位置。 2. VB中的菜单控件 菜单和菜单项均看作是菜单控件 菜单控件两
2、个最重要的属性 名称(Name)：程序代码中用来引用菜单控件 标题(Caption)：出现在控件上的文本 菜单控件只响应Click事件,返回目录,7.1 菜单的设计与应用使用菜单编辑器,打开菜单编辑器： “工具菜单编辑器” 工具栏“菜单编辑器”按钮 1. 常用属性 标题：设置Caption属性 字符前加&，该字符成为访问键 只输入一个减号- ，创建分隔条 名称：设置Name属性 注：对分隔条，也需定义名称 索引(Index)：用于菜单控件数组 快捷键 、 复选(Checked) 有效(Enabled)、 可见(Visible),返回目录,7.1 菜单的设计与应用使用菜单编辑器,2. 编辑菜单控
3、件,返回目录,如果菜单控件的前面没有内缩符号“”，表明该控件建立的是主菜单，否则为菜单命令或子菜单。,7.1 菜单的设计与应用设计下拉菜单,方法：先通过菜单编辑器设计菜单，然后编写各菜单控件的Click事件过程。 例5.15 创建简易编辑器 (1) 设计菜单,返回目录,7.1 菜单的设计与应用设计下拉菜单,例5.15 创建简易编辑器 (2) 设计界面 菜单下面绘制两条直线(两个Line控件)，一条为黑色，一条为白色。 黑线的Y1和Y2属性设为0 白线的Y1和Y2属性设为10 文本框Text1： MultiLine设为True ScrollBars设为3 (3) 编写菜单控件的Click事件过程
4、,返回目录,7.1 菜单的设计与应用设计弹出菜单,用PopupMenu方法可显示弹出式菜单 对象.PopupMenu 菜单控件名称 若“对象”缺省，则在当前窗体中显示弹出菜单 通常，按下鼠标右键时显示弹出菜单，例如： Private Sub Form或控件名称_MouseUp (Button As Integer, Shift As Integer, X As Single, Y As Single) If Button = 2 Then 如果按的是鼠标右键 PopupMenu 菜单名 显示弹出菜单 End If End Sub,返回目录,7.1 菜单的设计与应用设计弹出菜单,例5.16 弹出
5、菜单设计 (1) 打开例5.15所建立的工程 (2) 添加如下的事件过程： Private Sub Text1_MouseDown(Button As Integer, Shift As Integer, X As Single, Y As Single) If Button = 2 Then PopupMenu mnuEdit 弹出名称为mnuEdit的菜单 End If End Sub 注：若要创建一个不显示在菜单栏中的弹出菜单，设计菜单时，需取消主菜单的“可见”复选框。,返回目录,7.2 工具栏和状态栏工具栏的设计,创建工具栏一般须遵循以下四个步骤： (1) 将ImageList控件和T
6、oolbar控件添加到工具箱中， 然后添加到窗体上。 (2) 为窗体上的ImageList控件添加所需的图像。 (3) 建立ToolBar控件与ImageList控件之间的关联。 (4) 对ToolBar上的按钮编写Click事件响应代码。,返回目录,7.2 工具栏和状态栏工具栏的设计,1. 添加工具栏控件 (1) “工程部件”，选Microsoft Windows Common Controls 6.0,返回目录,7.2 工具栏和状态栏工具栏的设计,(2) 用 在窗体任意位置添加一个ImageList控件，名称默认 为ImageList1 (3) 用 在窗体上添加一个Toolbar控件(该控
7、件自动位于菜 单栏的下面) ，其名称默认为Toolbar1。,返回目录,7.2 工具栏和状态栏工具栏的设计,2. 为窗体上的ImageList控件添加所需的图像 右击窗体上的ImageList控件，选择“属性”命令 “通用”选项卡：设置按钮大小 “颜色”选项卡：设定按钮的颜色 “图像”选项卡：选择要加入的图像,返回目录,7.2 工具栏和状态栏工具栏的设计,“图像”选项卡：选择要加入的图像,返回目录,7.2 工具栏和状态栏工具栏的设计,“图像”选项卡：定义“关键字”(在ToolBar控件中引用的图像标识名),返回目录,7.2 工具栏和状态栏工具栏的设计,3. 建立ToolBar控件与ImageL
8、ist控件之间的关联 右击窗体上的Toolbar控件，选择“属性”命令 “通用”选项卡：“图像列表”选择ImageList1,返回目录,7.2 工具栏和状态栏工具栏的设计,“按钮”选项卡：单击“插入按钮”,返回目录,工具栏第一个按钮： “索引”：自动变为1 “关键字”：输入ImageList1控件中定义的相应关键字 “图像”：输入“1” 以此类推插入其他按钮,7.2 工具栏和状态栏工具栏的设计,4. 响应ToolBar控件事件 单击工具栏上的某个按钮，将引发ButtonClick事件 Private Sub Toolbar1_ButtonClick(ByVal Button As MSComc
9、tlLib.Button) End Sub 根据按钮的关键字(Button.Key)或者图像值(Button.Image)可判断单击的是哪个按钮，然后通过Select Case语句进行相应的处理 例，菜单中有一个“打开”菜单命令(名称为mOpen)，工具栏上有一个“打开”按钮(关键字为open，图像值为1)，单击它们都执行同样的操作(执行OpenDoc过程)，相应的代码如下：,返回目录,7.2 工具栏和状态栏工具栏的设计,Private Sub mOpen_Click() 单击“打开”菜单命令 OpenDoc End Sub Private Sub Toolbar1_ButtonClick(B
10、yVal Button As MSComctlLib.Button) Select Case Button.Key Case “open” 或Case 1，表示单击“打开”按钮 OpenDoc End Select End Sub,返回目录,“打开”按钮的关键字为open，图像值为1,7.2 工具栏和状态栏状态栏的设计,1. 添加状态栏控件 (1) “工程部件”，选Microsoft Windows Common Controls 6.0 (2) 用 在窗体上添加Statusbar控件(通常位于窗体的底部) (3) 设置窗格属性,返回目录,“插入窗格”按钮：用于在状态栏上插入窗格，最多16个
11、“索引”：每个窗格的编号。 “文本”：样式为sbrText时，窗格中显示的文本 “关键字”：用于标识窗格的字符串 “样式”：设置窗格的显示状态,7.2 工具栏和状态栏状态栏的设计,例如，,返回目录,7.2 工具栏和状态栏状态栏的设计,2. 程序运行时在状态栏上显示信息 设置状态栏窗格属性 状态栏控件名称.Panels(索引值) 例：,返回目录,Private Sub Text1_Change() StatusBar1.Panels(2).Text = Str(Len(Text1.Text) End Sub,7.3 多文档界面概述,1. Windows应用程序的界面样式 单文档界面样式(SDI
12、- Single Document Interface) 应用程序的主窗口内每次最多只能打开一个文档 多文档界面样式(MDI - Multiple Document Interface) 应用程序的主窗口内可打开多个文档子窗口 子窗口只能在父窗口内活动 类似于资源管理器的界面 窗口通常包括两部分：左边为一个树型的或者层次型的 视图，右边为内容显示区,返回目录,7.3 多文档界面概述,2. 多文档界面的特性 设计阶段特性 子窗体是独立的，它不被限制在父窗体的区域内。即，设计阶段，子窗体、父窗体 (MDI窗体)和普通窗体没区别 运行期间特性 子窗体的移动、改变大小等都被限制在其父窗体中 子窗体最小
13、化时，图标在其父窗体中显示；父窗体最小化时，其所有子窗体也被最小化。 子窗体最大化时，其标题与父窗体的标题合并，显示在父窗体的标题条中。 父窗体及其子窗体都可以有各自的菜单，子窗体加载时覆盖其父窗体的菜单。,返回目录,7.3 多文档界面创建和设计多文档界面,多文档界面的应用程序至少需要两个窗体：一个MDI窗体(父窗体)和一个或若干个子窗体。在不同窗体中共用的过程和变量一般应存放在标准模块中 1. 创建MDI窗体 添加MDI窗体：“工程添加MDI窗体”，名称默认为MDIForm1 设计MDI窗体：同普通窗体，如创建菜单栏、工具栏等。 2. 创建和设计MDI子窗体 打开一个现存的或添加一个普通窗体
14、 将窗体的MDIChild属性设置为True 设计子窗体：同普通窗体,返回目录,7.3 多文档界面创建和设计多文档界面,3. 通过创建类的方法实现多个子窗体的创建 例如，已创建了一个名为Formchild的子窗体，通过 Dim NewDoc As New Formchild 可创建Formchild的一个对象 多次调用以下过程，则产生多个子窗体(Formchild实例) Dim N As Integer Public Sub FileNewProc() Dim NewDoc As New Formchild N = N + 1 NewDoc.Caption = DOC & N NewDoc.S
15、how 显示子窗体 End Sub,返回目录,7.3 多文档界面创建和设计多文档界面,例：,返回目录,7.3 多文档界面创建和设计多文档界面,(1) 添加MDI窗体 “工程添加MDI窗体”，名称默认为MDIForm1 “工程工程1 属性”，“启动对象”设为MDIForm1 创建菜单栏,返回目录,7.3 多文档界面创建和设计多文档界面,(2) 创建MDI子窗体 将原Form1窗体名称改为Formchild 将窗体的MDIChild属性设置为True (3) 编写MDI窗体的程序代码,返回目录,7.4 通用对话框 概述,1. 添加通用对话框控件 (1) 添加到工具箱： “工程部件” (2) 添加到
16、窗体 用 在窗体任意位置 添加(无需调整大小)，名 称默认为CommonDialog1 利用通用对话框控件可创建六种标准对话框：打开、另 存为、颜色、字体、打印、帮助,返回目录,7.4通用对话框 概述,2. 通用对话框的基本属性和方法 (1) Action功能属性(只能在程序中赋值)：决定打开何种类型 的对话框 0None无对话框显示 1Open 显示“打开”对话框 2Save As显示“另存为”对话框 3Color显示“颜色” 4Font显示“字体”对话框 5Print显示“打印”对话框 6Help显示“帮助”对话框 例如，CommonDialog1.Action=3 表示打开“颜色”对话框 (2) DialogTiltle属性：用于设置对话框的标题,返回目录,7.4 通用对话框 概述,(3) CancelError属性：确定在用户按下“取消”按钮时是否产 生错误信息(默认为False) (
