第五讲对话框及其设计
第五讲对话框及其设计
对话框是用户界面中常用的一种控件，用于与用户进行交互。
它可以
用来显示消息、接收用户的输入、展示进度等。
在图形用户界面中广泛应用，对于提升用户体验和交互效率非常重要。
本文将介绍对话框的常见类型、设计原则以及一些设计技巧。
一、对话框的常见类型
1.提示框：用于显示一条简短的消息给用户，通常只有一个确定按钮，常见的有警告框、错误框、成功框等。
2.询问框：用于询问用户是否同意一些操作，一般有确定和取消两个
按钮。
常见的有确认框、删除确认框等。
3.输入框：用于接收用户的输入，可以是文本输入框、密码输入框、
选择框等。
4.进度框：用于展示操作的进度，常见的有加载框、上传框等。
5.设置框：用于显示和设置各种选项的对话框，常见的有设置窗口、
首选项对话框等。
二、对话框的设计原则
1.简洁明了：对话框的内容要简洁明了，只包含必要的信息和操作按钮，不要过度冗长。
2.一致性：对话框的样式和交互方式要与系统和应用的整体风格保持
一致，避免造成用户困惑。
3.易理解：对话框中的文字提示要清晰易懂，避免使用专业术语或难
懂的词汇，以免引起用户的困惑。
4.操作明确：对话框的按钮文案要明确表示该按钮的操作，避免使用
模棱两可的词语。
5.合理布局：对话框的布局要合理，将内容逻辑分组，遵循从上到下、从左到右的阅读习惯。
6.友好提示：对话框中可以适当添加一些友好的提示，例如加载动画、进度条等，以提升用户体验。
三、对话框的设计技巧
1.突出重点：对话框中的重点信息可以使用不同的颜色、字体大小或
图标进行突出展示，吸引用户注意。
2.拆分内容：对长篇幅的内容，可以进行拆分或分组展示，以减少用
户的信息压力。
3.默认选项：对于一些常用的操作，可以设置一个默认选项，让用户
在不需要更改的情况下直接点击确定按钮。
4.快捷键：可以为对话框中的操作按钮设置快捷键，方便用户通过键
盘进行操作，提高效率。
5.动态交互：对话框中可以增加一些动态交互，例如输入框中实时显
示输入内容的合法性提示，增加用户的操作反馈。
总结：
对话框作为图形用户界面中常见的控件，设计合理的对话框对于提升用户体验和交互效率非常重要。
在设计对话框时，我们需要考虑对话框的类型、设计原则以及一些设计技巧。
合理简洁的对话框设计可以使用户更加方便地进行操作，提升用户满意度。
第五部分MFC和对话框编程教学讲义
BOOL CRegisterDialog::OnInitDialog() {
CDialog::OnInitDialog(); // TODO: Add extra initialization here m_ctrlIncome.AddString("500元以下"); m_ctrlIncome.AddString("500-1000元"); m_ctrlIncome.AddString("1000-2000元"); m_ctrlIncome.AddString("2000元以上");
return TRUE; // return TRUE unless you set the focus to a control // EXCEPTION: OCX Property Pages should return FALSE }
这些数据对象相当于控件与用户或程序之间交换数据信息 的缓冲区，所以在对话框类中增加与对话框模板中控件对应的 数据对象是必要的。控件所对应的数据对象有两类： ·一类是控件所对应的 MFC 类对象（控件类对象）可以用于对
控件的功能的调用； ·另一类是数值类对象，用于数据信息的交换。常用控件所对
应的数值类对象如下：
CObject CCmdTarget CWnd CDialog CStatic CEdit CComboBox CListBox
控件
CProgressCtrl CSliderCtrl
CSpinButtonCtrl
由此我们可以看出：对话框可以视为是提供了一个能放置多 个子窗口，并提供了窗口之间通讯操作的窗口框架。这种异类 同构的结构有利于简化构造和便于通讯。
本例在 CRegisterDialog 中增加的数据对象如下：
对话框的设计与制作优选PPT
输入或选定。
为了使对话框布局合理和操作界面良好，AutoCAD允许 ⑵ 编写应用程序
(setq dcl_i (load_dialog"system.
驱动“system”对话框的LISP程序如下：
用户把这些控件进行分组，组成一行或一列，并用在其外 根据输入的数据主要分为两类，一类是确定图纸的结构参数，另一类是标题栏中填写的数据，因此，采用两个对话框即初始化设置对
话框和标题栏输入对话框管理数据的输入。
其中，控件名只能含字母、数字或下划线，而且必须以字母打头。
面加上框线或不加框线的方法组成更为复杂的控件组，以
完成一项复杂的任务，例如列、行、加框列和加框行等。
控件和控件组在对话框中的布局与功能，由控件的属性来
定义。
6/23
2021/6/16
用户利用对话框中的控件输入文本、选择一些项 以及指定某一特定的命令动作等。对话框中的编辑框 是一个用户可以在其中输入和编辑文本的子窗口，一 般用于输入文件名、点的坐标、距离和长度等数据。
2021/6/16
2/23
7.1 概述 7.2 对话框管理程序设计 7.3 对话框应用举例
3/23
2021/6/16
7.1 概述
对话框(DialogBox)是一种边界固定的窗口，也是 一种人机交互的主要界面。它具有良好的视觉效果，操 作方便、直观，输入数据与顺序无关。所以当今的几乎 所有软件都要用到对话框与用户交流。
文本控件用于显示文本信息“矿图系统，欢迎使用”。
对话框是由一个或若干个不同功能编的辑小框框组成，这些小框被称为对话框的控件。
若字符串中还要包含一个双引号，则在该双引号前必须有一个反斜杠。
这是最简单的调用格式，格式如下：
第五章 对话框和标准控件
北京林业大学信息学院
创建对话框---创建对话框模板
可以使用对话框编辑器来创建包含不同控件的对话 框模板，在对话框编辑器中，可以调整对话框显示时 的大小和位置，从Controls工具栏拖放各种类型的控 件到对话框中，用Dialog工具栏调整控件的位置，测 试对话框的外观和行为。
北京林业大学信息学院
实现步骤
(3) 对视图类进行编辑，以能激活对话框，并进 行绘图。
首先要使用ResourceView中的菜单编辑器来创建菜 单项“颜色设置”。
在创建了菜单项后，可通过ClassWizard为该菜单项 映射菜单消息。
在视图中需要生成一个该类的对象。记得包含头文件 在为菜单项颜色设置映射的消息中，写如下代码
控件
静态控件 静态控件 静态控件 编辑框 编辑框 编辑框
ID
Caption
IDC_STATIC1 R(0-255)
IDC_STATIC2 G(0-255)
IDC_STATIC3 B(0-255)
IDC_R
IDC_G
IDC_B
北京林业大学信息学院
实现步骤
(2) 使用ClassWizard创建对话框类CMyColorDialog 在ClassWisard中选取属性表Member Variables,为控
对话框模板定义了对话框的特性(比如大小、 位置和风格)以及对话框中每个控件的类型和 位置。 2、对话框类
从CDialog类派生的对话框类提供编程接口 来管理对话框 。
北京林业大学信息学院
对话框的分类
1、模式(Modal)对话框 在对话框关闭之前，用户无法在同一应用程
Visual Basic对话框的应用课件PPT
1. 消息框 任务分析
常数
值
VbOKOnly
0
VbOKCancel
1
VbAbortRetryIgnore 2
VbYesNoCancel
3
VbYesNo
4
VbRetryCancel
5
VbCritical
16
VbQuestion
32
VbExclamation
48
VbInformation
64
VbDefaultButton1
0
说明 只显示OK按钮 显示OK和Cancel按钮 显示终止(A)、重试(R)和忽略(I)按钮 显示Yes、No和Cancel按钮 显示Yes和No按钮 显示重试(R)和取消(I)按钮 在对话框中显示“×”图标 在对话框中显示“？”图标 在对话框中显示“！”图标 在对话框中显示“I”图标 第1个按钮是默认值
任务分析
1. 输入对话框
InputBox[$](提示[,标题][,缺省值][,x坐标位置][,y坐标 位置])
语法参数含义：
• $：可选项，表示当该参数存在时，返回的是字符型数据， 该参数不存在时，返回的是变体型数据。
• 提示：必选项，字符表达式，用于提示用户输入的信息内容。 • 标题：可选项，字符表达式，用于设置输入对话框标题栏中
任务设计完成效果
设计后的对话框
自定义对话框
输入对话框
消息框
任务 情境
任务 分析
任务 实施
知识 提炼
第五章对话框的应用
本章目标
• 掌握Visual Basic语言中的各类对话框的 创建和基本使用方法
5.3 对话框类的设计
5.3 对话框类的设计完成对话框模板的设计后，就需要设计一个对话框类以实现对话框的功能。
设计对话框类主要包括下面几步：创建对话框类。
该类应从CDialog类派生。
为对话框类加入与控件相对应的成员变量。
为对话框进行初始化工作。
增加对控件通知消息的处理5.3.1对话框类的创建利用ClassWizard，程序员可以十分方便的创建MFC窗口类的派生类，对话框类也不例外。
请读者按以下几步操作：打开IDD_REGISTER对话框模板，然后按Ctrl+W进入ClassWizard。
进入ClassWizard后，ClassWizard发现IDD_REGISTER是一个新的对话框模板，于是它会询问是否要为IDD_REGISTER创建一个对话框类。
按OK键确认。
如图5.6在Create New Class对话框中，在Name栏中输入CRegisterDialog，在Base class栏中选择CDialog，在Dialog ID栏中选择IDD_REGISTER。
按Create按钮后，对话框类CRegisterDialog即被创建。
图5.6 Create New Class对话框ClassWizard自动使类CRegesterDialog与IDD_REGISTER模板联系起来。
5.3.2为对话框类加入成员变量对话框的主要功能是输出和输入数据，例子中的登录数据对话框的任务就是输入数据。
对话框需要有一组成员变量来存储数据。
在对话框中，控件用来表示或输入数据，因此，存储数据的成员变量应该与控件相对应。
与控件对应的成员变量即可以是一个数据，也可以是一个控件对象，这将由具体需要来确定。
例如，可以为一个编辑框控件指定一个数据变量，这样就可以很方便地取得或设置编辑框控件所代表的数据，如果想对编辑框控件进行控制，则应该为编辑框指定一个CEdit 对象，通过CEdit对象，程序员可以控制控件的行为。
需要指出的是，不同类的控件对应的数据变量的类型往往是不一样的，而且一个控件对应的数据变量的类型也可能有多种。
第五章菜单工具栏状态栏和对话框
11. 显示窗口列表(Window List)检查框：
决定是否显示所有打开的子窗体标题。
对MDI窗体和MDI子窗体有效，对普通窗体无效。
5.1 菜单设计
3.菜单设计的几项操作：
(1)．设计下拉菜单 (2)．设计子菜单或改变子菜单级别 (3)．为菜单项分组
菜单名用减号“-” (4)．为菜单项指定访问键和快捷键
5.4.2 通用对话框
三、通用对话框使用---打开/另存为对话框
属性
4.InitDir（初始化路径）属性：该属性用来指定打开对话框 中的初始目录，若不设置，系统则默认为“C:\My Documents\”。
sbrScrl
4
Scroll Lock 键。当激活滚动锁定时，用黑体显示字母 SCRL，反之，当停用滚动键时， 显示暗淡的字母。
sbrTime 5 Time。以系统格式显示当前时间。
sbrDate 6 Date。以系统格式显示当前日期。
5.3 状态栏（StatusBa源自 控件）3.状态栏事件响应及显示信息修改
2. 在ToolBar控件中添加按钮 （1）ToolBar控件
ToolBar控件包含一个按钮对象集合，该对象被用来创 建与应用程序相关联的工具栏。工具栏包含一些按钮，这 些按钮与应用程序菜单中各项的按钮对应，工具栏为用户 访问应用程序的最常用功能和命令提供了图形接口。
（2）为工具栏连接按钮 右键单击Toolbar控件，选择“属性”命令打开如图2所
False(缺省)：选择“取消”按钮，没有错误警告。
2、 通用对话框的方法
除了Acton属性，VB还提供了一组方法用来打开不同类型对话框
ShowOpen
ShowSave ShowColor
05界面编程3-对话框(windows 编程技术)
第5章界面编程3-对话框对话框（dialog box）是GUI的常用部件，也是其最复杂的部件，是一种包含若干控件(control)的简单窗口。
对话框主要用于接收用户的各种输入和选择，也可用于向用户显示信息，还能够响应用户对其控件的各种操作。
本章先给出对话框的基本描述、若干种分类和MFC中对话框的类层次结构，然后介绍基本信息型用户对话框的创建和使用步骤，重点讨论MFC为对话框提供的DDX和DDV功能，最后简单介绍公用对话框的概念及若干常用公用对话框的使用方法。
操作型用户对话框的创建和使用，及若干常用控件的功能、属性和使用等，将在下一章“第6章控件”中再予以介绍。
5.1 对话框基础对话框是一种包含若干控件、具有灰色背景的简单窗口，可以从不同的视角（如工作方式、编程方法、提供功能）来对对话框进行分类，MFC中的各种对话框类都有一个共同的基类CDialog。
5.1.1 对话框对话框（dialog box）是一种简单的框架窗口，只有标题条和边框，没有菜单条、工具条和状态条等，一般包含确定（OK）和取消（Cancel）按钮。
对话框窗口的背景一般为浅灰色，上面排列着一些控件，供用户查看、输入和选择，也可响应用户操作来完成特定任务。
常见控件有文本框、编辑框、列表框、组合框、按钮、单选钮和复选框等。
对话框是GUI应用程序获取用户信息的主要接口，也是Windows界面编程中最麻烦且最耗时的部分。
程序员的辛苦换来的是，直观、方便、友好、完善的参数输入的用户界面。
在例子程序Student的菜单项响应中，用MessageBox函数弹出的消息框，就是一种最简单的对话框，用来向用户显示提示信息，参见图5-1 a)。
本章后面要设计和实现的“输入学生信息”对话框，则是一个基本的自定义对话框，用于接受用户的输入，参见图5-1 b)。
图5-1 c) 是在第8章的GDI交互绘图作业中，可能出现的一个设置绘图参数对话框，通过用户的选择来获取各种绘图参数。
第5章 对话框、工具栏和状态栏设计
delphi程序设计基础教程
第5章 对话框、工具栏和状态栏设计
5.1.4 打印、打印设置和页面设置对话框组件
【打印】对话框是用TPrintDialog组件实现的。用于设置 打印机的属性、打印范围、打印份数等，如图5.5所示。它的 主要属性有以下几个。 1) Collate 若该属性为True，表示对话框中的【自动分页】复选框 处于选中状态。 2) Copies 该属性用于设定打印的份数。 3) FromPage和ToPage 分别用于设置打印的起始页码和结束页码。 4) PrintToFile 若该属性为True，表示对话框中的【打印到文件】复选 框被选中。
第5章 对话框、工具栏和状态栏设计
图5.1 【打开】对话框
delphi程序设计基础教程
第5章 对话框、工具栏和状态栏设计
3) Files 该属性包含了所有被选中的文件列表，其中的文件名都 包含全部路径。 4) Filter 指定文件过滤器，该属性被设置后，那些不需要的文件 类型将被过滤掉。 在对象浏览器中单击该属性右侧的省略号按钮，将弹出 【Filter Editor】对话框，从中定义Filter属性，如图5.2所示。 一次设置多个过滤条件时，要用分号隔开，如：Filter Name 为“Picture Files”，其Filter中有两个过滤条件，为“*.bmp； *.jpg”。
delphi程序设计基础教程
第5章 对话框、工具栏和状态栏设计
(3) Buttons参数：指定消息框包含的按钮，其 取值见表5-2。 表5-2 Buttons参数取值
取 mbYes mbNo mbOK mbCancel mbAbort mbRetry 值 说 明 取 值 说 明 一个上显示“Yes”的按钮 一个上显示“No”的按钮 一个上显示“OK”的按钮 一个上显示“Cancel”的按钮 一个上显示“Abort”的按钮 一个上显示“Retry”的按钮 mbIgnore mbAll mbNoToAll mbYesToAll mbHelp 一个上显示“Ignore”的按钮 一个上显示“All”的按钮 一个上显示“NoToAll”的按钮 一个上显示“YesToAll”的按钮 一个上显示“Help”的按钮
对话框的设计与制作
THANKS FOR WATCHING
感谢您的观看
要求用户输入一些信息，如 文本、数字等，通常用于表
单填写、搜索等场景。
列出多个选项供用户选择 ，用户可以从下拉列表中 选择一个或多个选项。
优秀对话框实例
模态对话框
在用户进行某项操作时弹出一个 对话框，要求用户进行确认或选 择，通常用于需要用户重点关注
的操作。
提示对话框
在用户进行某项操作时弹出一个对 话框，提示用户该操作的意义和后 果，帮助用户更好地理解操作的含 义。
04 对话框的制作技巧
使用合适的字体和颜色
字体选择
选择清晰易读的字体，确保用户 在阅读对话框内容时不会感到疲 劳。
颜色搭配
使用适当的颜色搭配，突出重要 信息，同时保持整体视觉上的协 调和美观。
保持对话框的简洁明了
精简内容
避免在对话框中包含过多的信息，只 保留关键内容，以便用户快速理解和 操作。
02 对话框的设计原则
用户体验原则
01
02
03
明确目的
对话框的设计应明确其目 的，确保用户能够快速理 解并完成所需操作。
简洁明了
对话框的内容应简洁明了， 避免过多的文字和不必要 的元素，以免干扰用户。
易于操作
对话框的操作应简单易懂， 避免用户在操作过程中产 生困惑或误操作。
信息架构原则
信息分类
清晰度
对话框中的文字、图标等元素应清晰 可辨，以确保用户能够快速获取信息。
03 对话框的元素设计
文本设计
总结词
文本是对话框中最重要的信息传递方式，需要清晰、简洁、 易于理解。
详细描述
文本设计需要考虑字体、字号、颜色、对齐方式等元素，以 确保信息传递的准确性和可读性。同时，对于重要信息或提 示信息，可以使用加粗、斜体或不同颜色等方式进行强调。
对话框及常用控件
统一的视觉风格
对话框的视觉风格应与应 用程序的整体风格保持一 致。
合适的色彩搭配
对话框的颜色搭配应符合 应用程序的主题和风格， 同时也要考虑色彩的对比 度和舒适度。
精美的图标和插图
对话框中可以适当地使用 图标和插图，以提高视觉 效果和用户体验。
一致性
对话框布局一致
不同对话框的布局和组件应保持一致，以提高用户对 应用程序的熟悉度和使用效率。
提示对话框
总结词
提供简短信息或警告的对话框
详细描述
提示对话框通常用于向用户显示应用程序的状态或提 供简短的通知。它包含一个标题、一条消息和一个关 闭按钮。根据需要，提示对话框还可以包含图标以强 调其重要性。
感谢观看
THANKS
按钮
总结词
用于触发特定功能的控件
详细描述
按钮是常见的交互控件，用户点击按钮后可以触发特定的功能或操作。根据功 能，按钮可分为确认、取消、提交等类型。
列表框
总结词
用于显示和选择列表项的控件
详细描述
列表框可以显示一系列的列表项，用户可以通过鼠标或键盘选择所需的列表项。根据选择方式，列表 框可分为单选列表框和多选列表框。
对话框的分类
模态对话框
模态对话框会阻塞用户对其他界面的 操作，直到对话框关闭。这类对话框 常用于需要用户做出决策或输入的情 况。
非模态对话框
非模态对话框不会阻塞用户对其他界 面的操作，用户可以在对话框打开的 同时进行其他操作。这类对话框常用 于显示信息或提供简单的选项。
对话框的使用场景
确认操作
01
复选框
总结词
用于表示选项是否被选中的控件
详细描述
复选框是一种开关控件，用户可以通过点击来选中或取消选中某个选项。多个复选框可 以组合在一起，表示多个选项的组合。Fra bibliotek单选按钮