VB程序设计第十章界面设计
VB界面设计
对象内文字的字体、大小和样式 对象的背景颜色
控件的常用属性
事件名 Click DbClick Load Change KeyPress
说明 单击鼠标事件 双击鼠标事件 加载窗体事件 控件内容改变事件 按下可显字符键事件
窗体文件 *.frm
工程文件 *.vbp
可执行文件 *.exe
算法及VB语言基础
面向对象程序设计
对象是客观存在的事物或概念，是有着 状态和行为的实体。
每个对象都有自己的状态，一个对象的 状态是通过若干个属性来描述的
每个对象都有自己的行为，即对属性进 行操作和处理的方法。
事件是发生在该对象上的事情，通常是 用户在对象上激发的一种动作。
一个事件的发生，可以引起某个方法的 执行，即由某个事件驱动了相应的事件处理 过程的执行，这就是事件驱动。
算法及VB语言基础
VB应用程序的界面设计与调试
对象窗口 控件工具箱
Label（标签框）、 TextBox（文本框）、CommandButton（命令按钮） ListBox（列表框）、Picture（图形框）、 Image（图像框）、 Timer（定时器）等
属性窗口 工程窗口
菜单栏 工具栏
工程 窗口
控件工具 对象窗口 箱
属性 窗口
常用控件的属性
属性名 Name Caption Text
说明 对象变量的名称 对象的标题 对象的内容
备注 所有控件共有
文本框特有
Enabled
对象是否响应事件
Left，Top
对象左上角的坐标
单位ቤተ መጻሕፍቲ ባይዱ缇
Width，Height 对象的宽度和高度
单位：缇
Font BackColor
VB程序设计第十章
项。
表10-1 各菜单项的设置
标题 文件 ．．．．新建 ．．．．打开 ．．．．．．．．Word文档 ．．．．．．．．文本文件 ．．．．另存为 ．．．．关闭 编辑 ．．．．复制 ．．．．剪切 ．．．．粘贴
名称 A A1 A2 A21 A22 A3 A4 B B1 B2 B3
快捷键
Ctrl+C Ctrl+X Ctrl+V
主要包含下面属性：
标题：菜单的名字及菜单中每个菜单项的标题。 名称：用于在代码中引用菜单控件的名称。 索引：为用户建立的控件（菜单项）数组设立下标。 快捷键：是指按下快捷键，菜单项功能会立刻执行 复选：决定是否在菜单项旁边显示一个复选标记“√”。 有效：决定菜单项是否响应事件。 可见：决定菜单项是否可见。
2. Enabled属性 指定在运行时该菜单项是否可用，有两个取值，分别为： Ture：表示可用，缺省设置； False：表示不可用。 例如：B1.Enabled =Ture
第14页
任务分析
菜单的常用事件:
菜单或菜单项有且只有Click事件 Click事件用于定义在选择该菜单会触发的操作 单击已经定义好的菜单项即可进入Click事件过
表10-2 在属性窗口中设置属性
控件名
属性名
属性值
文本框 标签
Text1 Label1
Text Multiline ScrollBars Locked Caption
空 True 3-Both False 空
第18页
任务实施
4. 在代码窗口编写事件代码并保存、运行 源代码
第2页
任务1——简单文本编辑器
利用Visual Basic的菜单编辑器设计下拉菜 单，利用shell函数调用系统应用程序，利 用CommonDialog控件打开通用对话框设 置相应属性，完成简单文本编辑器的设计。
VB教学课程——第10章高级界面设计
菜单中有一个“打开”菜单命令(名称为 名称为mOpen)， 例，菜单中有一个“打开”菜单命令 名称为 ， 工具栏上有一个“打开”按钮(关键字为 工具栏上有一个“打开”按钮 关键字为open，图像值为 ， 关键字为 1)， 单击它们都执行同样的操作 执行 执行OpenDoc过程 ， 过程)， ， 单击它们都执行同样的操作(执行 过程 相应的代码如下： 相应的代码如下：
返回目录
10.3 通用对话框 －概述
1. 添加通用对话框控件 (1) 添加到工具箱： 添加到工具箱： 部件” “工程→部件” 工程 部件 (2) 添加到窗体 用 在窗体任意位置
添加(无需调整大小 ， 添加 无需调整大小)，名 无需调整大小 称默认为CommonDialog1 称默认为 利用通用对话框控件可创建六种标准对话框：打开、 利用通用对话框控件可创建六种标准对话框：打开、另 存为、颜色、字体、打印、 存为、颜色、字体、打印、帮助
返回目录
10.3 通用对话框 －概述
2. 通用对话框的基本属性和方法 (1) Action功能属性 只能在程序中赋值 ：决定打开何种类型 功能属性(只能在程序中赋值 功能属性 只能在程序中赋值)： 的对话框
0—None 1—Open 2—Save As 3—Color 4—Font 5—Print 6—Help 无对话框显示 显示“打开” 显示“打开”对话框 显示“另存为” 显示“另存为”对话框 显示“颜色” 显示“颜色” 显示“字体” 显示“字体”对话框 显示“打印” 显示“打印”对话框 显示“帮助” 显示“帮助”对话框
第10章 高级界面设计 10章
学习目标： 学习目标：
了解工具栏和状态栏的设计 了解多文档界面的创建和设计 掌握通用对话框的创建和使用 了解多媒体控件的应用技术 了解VB应用程序向导的使用 了解 应用程序向导的使用
VB程序界面设计
VB程序界面设计VB是一种基于事件驱动的编程语言，常用于开发Windows应用程序的用户界面。
程序界面设计对于VB程序的用户体验至关重要，好的界面设计可以提升用户的使用体验，提高程序的易用性和功能性。
下面将详细介绍VB程序界面设计的要点和原则。
1.界面布局要合理：VB程序的界面布局应该符合逻辑顺序，使用户可以轻松找到需要的功能和信息。
主要功能模块应该被置于窗口的显眼位置，并按照重要性进行排列。
相似的功能应该归类在一起，方便用户查找。
2.界面元素要直观：VB程序的界面元素，如按钮、文本框、下拉框等控件，应该具有直观的视觉效果，使用户可以直观地了解其功能和用途。
按钮应该有明确的标识，文本框和下拉框应该有默认值或提示文本，以提供相关的信息。
3.功能导航要清晰：VB程序的界面应该提供清晰明了的功能导航，使用户可以方便地找到需要的功能。
一般可以通过菜单栏、工具栏或导航栏来实现功能导航。
菜单栏提供了一级功能导航，工具栏提供了常用功能的快速访问，导航栏提供了程序的整体结构和主要功能。
4.输入反馈要及时：VB程序的界面应该能够及时地给出用户的输入反馈，以提高用户的操作效率和体验。
例如，在用户点击按钮之后，界面应该立即给出相应的反馈，如弹出提示框或改变按钮的状态。
5.错误提示要友好：VB程序的界面应该给出友好的错误提示，帮助用户识别和纠正操作错误。
错误提示信息应该明确、简洁，并且给出相应的解决方案。
例如，当用户输入不合法时，界面可以弹出一个提示框，告诉用户输入不合法，并提供相应的解决方式。
6.界面美观要素：VB程序的界面应该注重美观，以提高用户对程序的好感度和使用欲望。
界面元素的颜色、样式应该协调一致，避免刺眼的颜色和过分复杂的样式。
同时，界面的排版和字体的选择也应该考虑到用户的视觉感受，使界面整体看起来舒适、清晰。
7.简化操作要点：VB程序的界面应尽可能地简化用户的操作步骤，以提高用户的使用效率和舒适度。
可以采用一些技术手段，如自动填充、自动补全、批量操作等，来简化用户的重复操作或冗长操作。
VB应用程序界面设计
VB应用程序界面设计VB应用程序界面设计是指使用Visual Basic开发工具创建应用程序时，对应用程序界面进行设计的过程。
良好的应用程序界面设计可以提高用户体验，增加用户的使用舒适度和工作效率。
下面将从功能布局、色彩搭配、图标设计、交互设计等方面详细介绍VB应用程序界面设计的要点。
首先，功能布局是VB应用程序界面设计的基础。
一个好的界面设计应该合理地组织和布置各个功能模块，使得用户能够快速、方便地找到需要的功能。
在进行功能布局时，应该考虑到各个功能的重要性和使用频率，将常用功能放置在突出醒目的位置，以方便用户的操作。
同时，应尽量避免过多的功能模块和按钮，以免给用户造成使用困扰。
其次，色彩搭配是VB应用程序界面设计的关键。
色彩对于界面的美观度和视觉体验非常重要。
在选择色彩搭配时，应选择温和、和谐的颜色，避免过于鲜艳刺眼的颜色。
同时，还应注意色彩对比度的选择，以确保用户能够清晰地看到界面上的各个元素。
对于不同的功能模块，也可以使用不同的颜色来区分，以便用户在界面上迅速辨识。
再次，图标设计是VB应用程序界面设计的亮点。
合理使用图标可以提高用户的使用效率和工作体验。
图标设计应遵循简约、直观、易懂的原则，尽量避免繁琐和复杂的图案。
同时，为了方便用户直观地了解图标的含义，应使用常见的、易识别的图标，如文件夹、打印、保存等。
图标的颜色也应与界面整体色彩搭配一致，以保持统一的美观度。
最后，交互设计是VB应用程序界面设计的核心。
好的交互设计可以提高用户的满意度和工作效率。
在进行交互设计时，应注重用户的使用习惯和习惯。
例如，将常用的功能按钮放置在易于点击的位置，设置适当的快捷键，使用直观的提示信息等。
同时，还应注意界面的反应速度，尽量避免耗时操作和界面卡顿，以增加用户的使用流畅度。
总之，VB应用程序界面设计是一个综合考量各个因素的过程，需要综合考虑功能布局、色彩搭配、图标设计、交互设计等多个因素，以实现良好的用户体验和工作效率。
第10章-VB多文档界面与工具栏设计
☆☆ 第10章多文档界面与工具栏设计
17
2．常用格式化属性
格式化属性，可对该控件中选中的任何部分的文本使用不同的格式
分类
属性
值类型
说明
选中文本 字体、字号
字型
SelText SelStart SelLength SelFontName SelFontSize SelBold SelItalic SelUnderline SelStrikethru
End Sub
☆☆ 第10章多文档界面与工具栏设计
4
10.1 多文档界面设计
10.1.2 显示MDI窗体及其子窗体
显示任何窗体的方法为show,还有有关规则： （1）加载子窗体时，其父窗体会自动加载并显示；反之 则无。 （2）MDI窗体子窗体
1．创建 MDI 应用程序的菜单
2．多文档界面中的“窗口”菜单
☆☆ 第10章多文档界面与工具栏设计
6
10.1 多文档界面设计
(1) 显示打开的多个文档窗口 要在某个菜单上显示所有打开的子窗体标题，只需利用
菜单编辑器将该菜单的WindowList属性设置为True。 (2).排列窗口 利用Arrange方法进行层叠、平铺和排列图标。 形式： MDI窗体对象.Arrange 排列方式
MDI子窗体 标准窗体 MDI窗体
☆☆ 第10章多文档界面与工具栏设计
2
10.1.1 创建多文档界面应用程序
1．创建MDI窗体 用户要建立一个MDI窗体，可以选择“工程”菜单中的
“添加MDI窗体”命令，会弹出“添加MDI窗体”对话框， 选择“新建MDI窗体”或“现存”的MDI窗体，再选择“打 开”按钮。
vb最全最经典课件(免费)
在中，将反映对象的属性和行为封装 在一起，是面向对象编程的基本元素。
本章目录
2.类的概念
类 同种对象的集合与抽象，是创建对象实例的 模板，包含所创建对象的属性描述和行为特征的 定义。 例如，人类是具体人的抽象。每个人有不同的身 高、体重等属性值和不同的行为。 工具箱中的可视图标是系统设 计好的标准控件类。通过将控件类实例化，得到 真正的控件对象。在窗体上画一个控件，就将类 转换为对象，创建了一个控件对象(简称控件)。
本章目录
2.2 建立简单的应用程序
例2.2 编写一个人民币与美圆兑换的程序。 建立一个应用程序分为以下几步进行： (1) 建立用户界面的对象 (2) 对象属性的设置 (3) 对象事件过程及编程 (4) 保存和运行程序
代码说明
本章目录
对象事件过程及编程
代码窗口的对象列表框可显示窗体所有对象 过程列表框列出所选中对象的所有事件 例如，在按钮Button2的Click事件加入代码：
1.1 概述 1.2 集成开发环境 1.3 使用帮助系统
本章目录
1.1 概述
1.1.1 Visual Basic的发展 20世纪60年出现Basic语言； 20世纪80年代，True Basic、Quick Basic和 Turbo Basic等; 1991年Microsoft公司推出Visual Basic1.0，以 可视化工具为界面设计、结构化Basic语言为基 础，以事件驱动为运行机制。从1991年的VB1.0 至1998年的V B6.0的多次版本升级，功能更强 大、完善，应用面更广； 2002年正式发布Visual 。
本章目录
事件过程
事件过程 应用程序处理事件的步骤 它针对某一对象并与该对象的一个事件相联系 应用程序设计的主要工作就是为对象编写事件过 程的代码。事件过程的形式如下：
VB程序界面设计
VB程序界面设计在VB程序界面设计过程中，以下是一些关键因素需要考虑的：1.界面布局：合理的布局能够使用户能够快速找到所需功能和信息，常见的布局方式包括居中对齐、流式布局等。
同时，还需要考虑窗口的大小和比例，以适应不同的屏幕分辨率和显示设备。
2.控件选择：VB提供了丰富的控件库，包括文本框、按钮、列表框等。
在设计时，需要选择合适的控件来展示和输入数据，以及实现程序功能。
同时，还可以通过自定义控件的方式，使界面更加独特和专业。
3.颜色和图标：合适的颜色和图标能够提升界面的美观度和易用性。
可以选择符合应用主题和风格的配色方案，并使用统一的图标和按钮样式，使用户更容易理解和识别功能。
4.文字和字体：程序中的文字需要清晰、易读，并且与界面风格统一、合适的字体和字号能够提高用户的阅读体验，同时需要注意文字的布局和对齐，以及特殊符号的使用。
5.状态提示：通过合适的状态提示能够提高用户交互的响应性和准确性。
例如，在长时间操作时，通过进度条或提示窗口显示操作进度，提醒用户等待。
另外，对于错误信息和警告信息，需要使用可视化的方式提示用户，并提供相关的解决方案。
6.功能导航：对于复杂的程序，需要提供易用的导航方式，以帮助用户快速切换功能。
可以设计菜单栏、工具栏或侧边栏等方式，同时可以使用快捷键和功能提高用户的操作效率。
7.帮助文档：在程序界面中提供帮助功能，帮助用户理解和使用程序。
可以编写用户手册、FAQ等文档，并提供功能。
另外，还可以在界面中添加工具提示等方式，对控件的功能和用法进行说明。
8.响应式设计：随着移动设备的普及，响应式设计是不可忽视的重要方面。
可以通过自适应布局和媒体查询等技术，实现在不同终端和屏幕尺寸下的自动适应。
总之，在VB程序界面设计过程中，需要从用户的角度出发，关注用户需求，并结合开发技术和界面设计原则，创造出易用、美观和功能强大的用户界面。
通过合理的布局、控件选择、颜色和图标等设计手段，提升用户的操作体验和工作效率，从而提高程序的易用性和用户满意度。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第十章 界面设计Βιβλιοθήκη 10.2对话框的设计
对话框的分类,模式与特点: 10.2.1 对话框的分类,模式与特点: 1.对话框的分类 1.对话框的分类 1).预定义对话框(pre-defined dialogbox) dialogbox) 1).预定义对话框(pre预定义对话框 2).自定义对话框(selfdialogbox) 2).自定义对话框(self-defined dialogbox) 自定义对话框 3).通用对话框: dialogbox) 3).通用对话框:(common dialogbox) 通用对话框
返回章首
下一页
第十章 界面设计
10.2.2 自定义对话框(Self-defined Dialogbox 自定义对话框(Self包含一个接受所有设置的"确定"命令按钮, 包含一个接受所有设置的"确定"命令按钮, 一个退出该对话框的"取消"命令按钮, 一个退出该对话框的"取消"命令按钮, 将"确定"按钮的Default属性设置为Ture, 确定"按钮的Default属性设置为Ture, Default属性设置为Ture 将"取消" 按钮的Cancel属性设置为Ture Cancel属性设置为 取消" 按钮的Cancel属性设置为Ture [例10-5] 10创建一个"学生信息管理系统"使用权限对话框. 创建一个"学生信息管理系统"使用权限对话框.
上一页 返回章首 下一页
第十章 界面设计
产生或取消内缩符号 属 性 设 置 区
编辑区
调整菜单项的位置
菜 单 项 列 表 区 进入下一个菜单项的设计
上一页 返回章首
在光标处插入一个空白菜单
下一页
第十章 界面设计
菜单常用属性: 菜单常用属性:
标题(Caption) :菜单项所显示的字符. 标题(Caption) 菜单项所显示的字符. 名称(Name): 名称(Name) 菜单项的名称,该项必须选.分隔 菜单项的名称,该项必须选. 符也应有名称. 符也应有名称. 索引(Index): 设置菜单项控件数组的下标. 索引(Index) 设置菜单项控件数组的下标. 快捷键(Shortcut) 设置打开菜单的快捷键, 快捷键(Shortcut) 设置打开菜单的快捷键, 顶层菜单无快捷键 菜单无快捷键. 顶层菜单无快捷键. 复选(Checked) : TRUE 有 , 不可在顶层菜单设 复选(Checked) 置复选标志 . 有效(Enabled) : 为False时,该菜单呈灰色,不响应用 有效(Enabled) False时 该菜单呈灰色, 户事件. 户事件. 可见(Visible) : 设置该菜单项是否可见 可见(Visible)
上一页 返回章首 下一页
第十章 界面设计
10-7]编写一个文本编辑器 [例10-7]编写一个文本编辑器 文本的内容可以显示在文本框中, 文本的内容可以显示在文本框中, 其功能 可以打开一个已存在的文本文件 可以打开一个已存在的文本文件 打开 能对文本的的字体,字号,颜色等进行设置, 能对文本的的字体,字号,颜色等进行设置, 字体 等进行设置 能打印和保存. 打印和保存. 另加一个打开Windows的帮助对话框. 另加一个打开Windows的帮助对话框. Windows 对话框
上一页
返回章首
下一页 一页
第十章 界面设计
10.2.3 通用对话框(common dialogbox) 通用对话框( 1.通用对话框的简介 1.通用对话框的简介 Windows系统提供的一种 系统提供的一种Active Windows系统提供的一种Active X 控件 VB中称之为 中称之为CommonDialog 控件. VB中称之为CommonDialog 控件. 6种标准对话框,分别是: 种标准对话框,分别是: 打开(Open) 另存为(Save as),颜色(Color), (Open), 打开(Open),另存为(Save as),颜色(Color), (Color) 字体(font) 打印机(Printer) 和帮助(Help). (font), (Printer), 字体(font),打印机(Printer),和帮助(Help).
上一页 返回章首 下一页
第十章 界面设计
5."保存文件" 5. 保存文件"("另存为")对话框 保存文件 另存为" ShowSave方法或设置 可打开" 用 ShowSave方法或设置 Action=2 可打开"另存 对话框. 为"对话框. DefaultExt, 它表示所存文件的缺省扩展名. DefaultExt, 它表示所存文件的缺省扩展名. 如: Commondialog1.DefaultExt="txt txt" Commondialog1.DefaultExt= txt '将存储的文件设置为缺省扩展名txt 将存储的文件设置为缺省扩展名txt 将存储的文件设置为缺省扩展名
第十章 界面设计
界面设计(Interface 第十章 界面设计(Interface Design)
本章要求 10.1 菜单的设计与应用 10.2 对话框的设计
返回目录
第十章 界面设计
界面设计(Interface 第十章 界面设计(Interface Design) 本章要求: 本章要求:
◆ ◆ ◆
上一页 返回章首 下一页
行为常量
第十章 界面设计
Flags位置常数 Flags位置常数 位置常数 等 说明 效 值 弹出式菜单的左上角位于x 0 弹出式菜单的左上角位于x 弹出式菜单的中间位于x 4 弹出式菜单的中间位于x 弹出式菜单的右上角位于x 8 弹出式菜单的右上角位于x
VbPopupMenuLeftAlign VbPopupMenuCenterAlig n VbPopupMenuRightAlign
掌握下拉式菜单设计和使用方法. 掌握下拉式菜单设计和使用方法. 掌握弹出式菜单设计和使用方法 掌握通用对话框的设计和使用方法
返回章首
下一页
第十章 界面设计
10.1 菜单设计与应用 下拉式菜单(Dropdown 10.1.1 下拉式菜单(Dropdown Menu )
主菜单条 主菜单名
项
菜 单
快捷键 键 菜单 菜单名
上一页
返回章首
下一页
第十章 界面设计
3.调用"通用对话框" 3.调用"通用对话框" 调用 打开"通用对话框" 打开"通用对话框"的方法
方法 ShowOpen ShowSave ShowColor ShowFont ShowPrint ShowHelp
上一页
Action 1 2 3 4 5 6
功能 显示文件"打开" 显示文件"打开"对话框 显示文件"另存为" 显示文件"另存为"对话框 显示"颜色" 显示"颜色"对话框 显示"字体" 显示"字体"对话框 显示"打印机" 显示"打印机"对话框 显示"Windows帮助 帮助" 显示"Windows帮助"对话框
上一页 返回章首 下一页
第十章 界面设计
2.菜单控件数组 2.菜单控件数组 设置控件数组的优点: 设置控件数组的优点: 优点 (1)在程序运行过程中用编码的方法添,删菜单项. (1)在程序运行过程中用编码的方法添,删菜单项. 在程序运行过程中用编码的方法添 (2)简化代码,用一段代码处理多个菜单项. (2)简化代码,用一段代码处理多个菜单项. 简化代码 [例10-1] 设计一个下拉式菜单 例10[例10-2] 10在窗体中添加一个文本框,一个下拉菜单, 在窗体中添加一个文本框,一个下拉菜单,可以 对文本进行剪切,复制,粘贴,删除等操作. 对文本进行剪切,复制,粘贴,删除等操作.
上一页 返回章首 下一页
第十章 界面设计
4.菜单项的增减 4.菜单项的增减 1.在菜单设计时,加入一个菜单项, Caption为 1.在菜单设计时,加入一个菜单项,其Caption为 在菜单设计时 Index为 Visible为False, Name属性 空,Index为0, Visible为False, 但Name属性 不可缺. 不可缺. 2.在程序运行时,通过Load(unload)方法向菜单 2.在程序运行时,通过Load(unload)方法向菜单 在程序运行时 Load 数组增加(减少) 数组增加(减少)新菜单项 [例10-3]编写程序,实现菜单项的增减 10-3]编写程序, 编写程序
[例10-4] 10-
设置一个窗体,当鼠标右键单击窗体时,出现一个弹出式菜 设置一个窗体,当鼠标右键单击窗体时, 弹出菜单中有三个菜单项,红色,绿色,兰色. 单,弹出菜单中有三个菜单项,红色,绿色,兰色.鼠标左 键单击某一项,窗体的背景颜色显示出相应的颜色. 键单击某一项,窗体的背景颜色显示出相应的颜色.
上一页
返回章首
下一页
第十章 界面设计
2.对话框的模式 2.对话框的模式 模式对话框(VBModal), 模式对话框(VBModal),非模式对话框 (VBModeless) (VBModal) 在自定义对话框中, Show的方法来决定对话框的 在自定义对话框中,用Show的方法来决定对话框的 显示模式 格式] [格式] 窗体名.]Show [窗体名.]Show [style [,owner]] <style> (1),表示模式 VBModal (1),表示模式 VBModeless (0), 表示无模式 <owner> 参数指窗体的父子关系