咨询行业网站制作,wordpress支付宝当面付插件,物联网解决方案,那里有学做网站的目录
1、消息框
2、通用对话框
3、自定义对话框
实现对话框
4、打开对话框的 UI 元素
4.1 菜单项
4.2 按钮
5、返回结果
5.1 模式对话框
5.2 处理响应
5.3 非模式对话框 Windows Presentation Foundation (WPF) 为你提供了自行设计对话框的方法。 对话框是窗口…目录
1、消息框
2、通用对话框
3、自定义对话框
实现对话框
4、打开对话框的 UI 元素
4.1 菜单项
4.2 按钮
5、返回结果
5.1 模式对话框
5.2 处理响应
5.3 非模式对话框 Windows Presentation Foundation (WPF) 为你提供了自行设计对话框的方法。 对话框是窗口但具有特定的意图和用户体验。 本文讨论对话框的工作原理以及可以创建和使用的对话框类型。 对话框用于
向用户显示特定信息。从用户处收集信息。同时显示并收集信息。显示操作系统提示例如打印窗口。选择文件或文件夹。
这些类型的窗口称为对话框。 对话框可以通过两种方式显示模式和非模式。
向用户显示模式对话框是一种技术应用程序使用该技术中断其正在执行的操作直到用户关闭对话框。 这通常以提示或警报的形式出现。 在关闭对话框之前无法与应用程序中的其他窗口进行交互。 模式对话框关闭后应用程序将继续运行。 最常见的对话框用于显示打开文件或保存文件提示、显示打印机对话框或向用户发送一些状态消息。
非模式对话框打开时不会阻止用户激活其他窗口。 例如如果用户想要在文档中查找特定单词的匹配项主窗口通常会打开一个对话框询问用户要查找什么单词。 由于应用程序不想阻止用户编辑文档因此该对话框不必为模式对话框。 非模式对话框至少提供“关闭”按钮来关闭对话框。 可能还会提供其他按钮来运行特定功能例如提供“查找下一个”按钮以在单词搜索中查找下一个单词。
你可以使用 WPF 创建多种类型的对话框例如消息框、通用对话框和自定义对话框。 本文将讨论每种对话框 对话框示例提供了匹配示例。
1、消息框
消息框是可以用来显示文本信息并使用户可以使用按钮做出决定的对话框。 下图显示了一个消息框框中询问问题并为用户提供三个按钮来回答问题。 要创建消息框可以使用MessageBox 类。 MessageBox 允许你配置消息框文本、标题、图标和按钮。
2、通用对话框
Windows 实现了所有应用程序通用的不同类型的可重用对话框其中包括用于选择文件和打印的对话框。
由于这些对话框是由操作系统提供的因此它们在操作系统上运行的所有应用程序之间共享。 这些对话框提供一致的用户体验被称为通用对话框。 当用户在一个应用程序中使用通用对话框时他们不需要学习如何在其他应用程序中使用该对话框。
WPF 封装了“打开文件”、“保存文件”、“打开文件夹”和“打印”通用对话框并将它们公开为托管类供你使用。 3、自定义对话框
虽然通用对话框很有用并且应尽可能使用但它们不支持域特定对话框的要求。 在这些情况下就需要创建自己的对话框。 如我们所见对话框是具有特殊行为的窗口。Window 实现了这些行为你可以使用窗口来创建自定义模式和非模式对话框。
自行创建对话框时需要考虑许多设计注意事项。 尽管应用程序窗口和对话框有相似之处例如共享相同的基类但对话框用于特定目的。 当你需要提示用户提供某种信息或响应时通常需要对话框。 通常应用程序会在显示对话框模式时暂停从而限制对应用程序其余部分的访问。 对话框关闭后应用程序将继续运行。 但是将交互仅限制于对话框并非必要。
当 WPF 窗口关闭时它无法重新打开。 自定义对话框是 WPF 窗口适用相同的规则。
实现对话框
设计对话框时请遵循以下建议来创造良好的用户体验
❌ 不要让对话框窗口变得杂乱无章。 对话框体验是让用户输入一些数据或做出选择。
✔️ 务必提供“确定”按钮来关闭窗口。
✔️ 务必将“确定”按钮的 IsDefault 属性设置为 true以允许用户按 ENTER 键接受并关闭窗口。
✔️ 考虑添加“取消”按钮以便用户可以关闭窗口并表明他们不想继续操作。
✔️ 务必将“取消”按钮的 IsCancel 属性设置为 true以允许用户按 ESC 键关闭窗口。
✔️ 务必设置窗口标题以准确描述对话框所代表的内容或者用户应对对话框执行的操作。
✔️ 务必为窗口设置最小宽度和高度值以防止用户将窗口调整得太小。
✔️ 如果 ShowInTaskbar 设置为 false请考虑禁用调整窗口大小的功能。 可以通过将 ResizeMode 设置为 NoResize 来禁用调整大小
以下代码演示了这种配置。
Window x:ClassDialogs.Marginsxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlTitleChange MarginsClosingWindow_ClosingMinHeight200MinWidth300SizeToContentWidthAndHeightResizeModeNoResizeShowInTaskbarFalseWindowStartupLocationCenterOwner FocusManager.FocusedElement{Binding ElementNameleftMarginTextBox}Grid Margin10Grid.Resources!-- Default settings for controls --Style TargetType{x:Type Label}Setter PropertyMargin Value0,3,5,5 /Setter PropertyPadding Value0,0,0,5 //StyleStyle TargetType{x:Type TextBox}Setter PropertyMargin Value0,0,0,5 //StyleStyle TargetType{x:Type Button}Setter PropertyWidth Value70 /Setter PropertyHeight Value25 /Setter PropertyMargin Value5,0,0,0 //Style/Grid.ResourcesGrid.ColumnDefinitionsColumnDefinition WidthAuto /ColumnDefinition //Grid.ColumnDefinitionsGrid.RowDefinitionsRowDefinition HeightAuto /RowDefinition HeightAuto /RowDefinition HeightAuto /RowDefinition HeightAuto /RowDefinition HeightAuto /RowDefinition //Grid.RowDefinitions!-- Left,Top,Right,Bottom margins--Label Grid.Column0 Grid.Row0Left Margin:/LabelTextBox NameleftMarginTextBox Grid.Column1 Grid.Row0 /Label Grid.Column0 Grid.Row1Top Margin:/LabelTextBox NametopMarginTextBox Grid.Column1 Grid.Row1/Label Grid.Column0 Grid.Row2Right Margin:/LabelTextBox NamerightMarginTextBox Grid.Column1 Grid.Row2 /Label Grid.Column0 Grid.Row3Bottom Margin:/LabelTextBox NamebottomMarginTextBox Grid.Column1 Grid.Row3 /!-- Accept or Cancel --StackPanel Grid.Column0 Grid.ColumnSpan2 Grid.Row4 OrientationHorizontal HorizontalAlignmentRightButton NameokButton ClickokButton_Click IsDefaultTrueOK/ButtonButton NamecancelButton IsCancelTrueCancel/Button/StackPanel/Grid
/Window上述 XAML 创建了一个类似于下图的窗口 4、打开对话框的 UI 元素
对话框用户体验还扩展到打开对话框的窗口菜单栏或按钮。 当菜单项或按钮运行需要用户通过对话框交互才能继续运行的函数时控件应在其标题文本的末尾使用省略号
MenuItem Header_Margins... ClickformatMarginsMenuItem_Click /
!-- or --
Button Content_Margins... ClickformatMarginsButton_Click /当菜单项或按钮运行的函数显示无需用户交互的对话框如“关于”对话框时则不需要省略号。
4.1 菜单项
菜单项是向用户提供按相关主题分组的应用程序操作的常用方式。 你可能在许多不同的应用程序上看到过“文件”菜单。 在典型应用程序中“文件”菜单项提供保存文件、加载文件和打印文件的方法。 如果操作要显示模式窗口则标题通常包含省略号如下图所示 其中两个菜单项带有省略号...。 这有助于用户确定当他们选择这些菜单项时系统会显示一个模式窗口并暂停应用程序直到用户关闭该窗口。
这种设计技术是向用户传达预期内容的一种简单方法。
4.2 按钮
你可以遵循菜单项 部分中所述的相同原则。 在按钮文本上使用省略号表示当用户按下按钮时会显示一个模式对话框。 下图中有两个按钮哪个按钮会显示对话框一目了然 5、返回结果
打开另一个窗口尤其是模式对话框是将状态和信息返回给调用代码的好方法。
5.1 模式对话框
通过调用 ShowDialog() 显示对话框时打开对话框的代码会等待 ShowDialog 方法返回结果。 该方法返回结果时调用它的代码需要决定是继续处理还是停止处理。 用户通常通过按对话框上的“确定”或“取消”按钮做出指示。
按下“确定”按钮时ShowDialog 应设计为返回 true而按下“取消”按钮时应返回 false。 这是通过在按下按钮时设置 DialogResult 属性来实现的。
private void okButton_Click(object sender, RoutedEventArgs e) DialogResult true;private void cancelButton_Click(object sender, RoutedEventArgs e) DialogResult false;只有使用 ShowDialog() 显示对话框时才能设置 DialogResult 属性。 设置 DialogResult 属性后对话框关闭。
如果按钮的 IsCancel 属性设置为 true并且使用 ShowDialog() 打开窗口则 ESC 键将关闭窗口并将 DialogResult 设置为 false。
5.2 处理响应
ShowDialog() 返回一个布尔值指示用户是接受还是取消了对话框。 如果你要提醒用户注意某事但不要求他们做出决定或提供数据则可以忽略响应。 也可以通过检查 DialogResult 属性来检查响应。 以下代码演示如何处理响应
var dialog new Margins();// Display the dialog box and read the response
bool? result dialog.ShowDialog();if (result true)
{// User accepted the dialog boxMessageBox.Show(Your request will be processed.);
}
else
{// User cancelled the dialog boxMessageBox.Show(Sorry it didnt work out, well try again later.);
}5.3 非模式对话框
若要显示非模式对话框请调用 Show()。 该对话框至少应提供“关闭”按钮。 可以提供其他按钮和交互元素来运行特定功能例如提供“查找下一个”按钮以在单词搜索中查找下一个单词。
由于非模式对话框不会阻止调用代码继续执行因此你必须提供其他返回结果的方式。 可以执行以下操作之一
在窗口上公开数据对象属性。处理调用代码中的 Window.Closed 事件。在窗口上创建事件这些事件在用户选择对象或按下特定按钮时引发。
以下示例使用 Window.Closed 事件在对话框关闭时向用户显示消息框。 显示的消息引用已关闭对话框的属性。
var marginsWindow new Margins();marginsWindow.Closed (sender, eventArgs)
{MessageBox.Show($You closed the margins window! It had the title of {marginsWindow.Title});
};marginsWindow.Show();
