DevExpress开发WPF应用实现对话框总结

说明:

简单标准弹窗

使用标准的.NET的MessageBox:

cs 复制代码
public void BaseMsg()
{
    MessageBox.Show("This is a standard .NET MessageBox", "Title", MessageBoxButton.OK, MessageBoxImage.Information);
}

DevExpress的DXMessageBox

cs 复制代码
public void DxBaseMsg()
{
    // 显示一个简单的消息框
    DXMessageBox.Show("This is a DevExpress DXMessageBox", "Title", MessageBoxButton.OK, MessageBoxImage.Information);
}

DevExpress的IMessageBoxService

在DevExpress WPF中使用IMessageBoxService来显示一个消息框,并根据用户的选择更新按钮的文本,符合MVVM模式的设计原则,保持了视图和视图模型的分离

xml 复制代码
<Window ...
        xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core" 
        xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
        DataContext="{dxmvvm:ViewModelSource Type=local:ViewModel}">
    <dxmvvm:Interaction.Behaviors>
        <dx:DXMessageBoxService/>
    </dxmvvm:Interaction.Behaviors>

    <dx:SimpleButton Content="{Binding ButtonText}"
                     Command="{Binding SaveConfirmationCommand}"/>
</Window>
cs 复制代码
public class ViewModel : ViewModelBase {
    public virtual string ButtonText { get; set; } = "Save Changes Button";

    IMessageBoxService MessageBoxService { get { return GetService<IMessageBoxService>(); } }

    [Command]
    public void SaveConfirmation() {
        MessageResult result;
        result = MessageBoxService.ShowMessage(
            messageBoxText: "Save Changes?",
            caption: "DXApplication",
            icon: MessageIcon.Question,
            button: MessageButton.YesNoCancel,
            defaultResult: MessageResult.Cancel
        );
        switch (result) {
            case MessageResult.Yes:
                ButtonText = "Changes Saved";
                break;
            case MessageResult.No:
                ButtonText = "Changes Discarded";
                break;
            case MessageResult.Cancel:
                ButtonText = "Continue Editing";
                break;
        }
    }
}

点击"Yes"按钮,修改按钮显示的文字为"Changes Saved"

DevExpress的DXDialog

DXDialog提供了比标准WPF对话框更强大的功能和更高的灵活性。它在定制、样式支持、MVVM集成、功能丰富性和一致的用户体验方面表现出色

DXDialog提供了丰富的功能,比如:

  • 定位:可以轻松控制对话框在屏幕上的位置
  • 大小:可以设置对话框的宽度和高度
  • 内容:可以将任意WPF控件添加到对话框中,支持复杂的内容布局

简单控件

cs 复制代码
public void BaseDXDialog()
{
    var dialog = new DXDialog
    {
        WindowStartupLocation = WindowStartupLocation.CenterScreen,
        Width = 500,
        Height = 300,
        Title = "Custom Dialog",
        Content = new TextBlock { Text = "This is a custom DXDialog", Margin = new Thickness(10) }
    };

    var result = dialog.ShowDialog();
    if (result == true)
    {
        MessageBox.Show("OK clicked");
    }
    else
    {
        MessageBox.Show("Cancel clicked");
    }
}

复杂控件

cs 复制代码
public void CompDXDialog()
{
    // 创建一个 StackPanel 作为对话框的内容
    var stackPanel = new StackPanel
    {
        Margin = new Thickness(10)
    };

    // 在 StackPanel 中添加控件
    stackPanel.Children.Add(new TextBlock { Text = "Enter your name:", Margin = new Thickness(0, 0, 0, 10) });
    var nameTextBox = new TextBox { Width = 200, Margin = new Thickness(0, 0, 0, 10) };
    stackPanel.Children.Add(nameTextBox);
    stackPanel.Children.Add(new TextBlock { Text = "Select your age:", Margin = new Thickness(0, 0, 0, 10) });
    var ageComboBox = new ComboBox { Width = 200, Margin = new Thickness(0, 0, 0, 10) };
    ageComboBox.ItemsSource = new int[] { 18, 19, 20, 21, 22, 23, 24, 25 };
    stackPanel.Children.Add(ageComboBox);

    // 设置 StackPanel 作为对话框的内容
    var dialog = new DXDialog
    {
        WindowStartupLocation = WindowStartupLocation.CenterScreen,
        Title = "Custom Dialog with Controls",
        Content = stackPanel
};

    // 显示对话框并获取结果
    var result = dialog.ShowDialog();

    // 根据对话框结果进行处理
    if (result == true)
    {
        string name = nameTextBox.Text;
        int? age = ageComboBox.SelectedItem as int?;
        MessageBox.Show($"Name: {name}, Age: {age}");
    }
    else
    {
        MessageBox.Show("Dialog was cancelled.");
    }
}

自定义控件

可以将一个View页面(例如一个用户控件)放置在DXDialog的Content属性中。这样可以使对话框的内容更加复杂和模块化,从而更好地组织和管理代码

以下是一个示例,展示如何在DXDialog中放置一个用户控件:

cs 复制代码
public void UserControlDXDialog()
{
    // 创建并设置用户控件作为对话框的内容
    var myUserControl = new MyUserControl();          
    var dialog = new DXDialog
    {
        WindowStartupLocation = WindowStartupLocation.CenterScreen,
        Title = "Custom Dialog with UserControl",
        Content = myUserControl
    };          

    // 显示对话框并获取结果
    var result = dialog.ShowDialog();

    // 根据对话框结果进行处理
    if (result == true)
    {
        string name = myUserControl.UserName;
        int? age = myUserControl.UserAge;
        MessageBox.Show($"Name: {name}, Age: {age}");
    }
    else
    {
        MessageBox.Show("Dialog was cancelled.");
    }
}

DevExpress的IDialogService

自定义对话框按钮

SimpleDialogView.xaml

xml 复制代码
<UserControl x:Class="DXMessageBoxDemos.View.SimpleDialogView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:dxmvvm="http://schemas.devexpress.com/winfx/2008/xaml/mvvm"
             xmlns:local="clr-namespace:DXMessageBoxDemos.View"
             xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <dxmvvm:Interaction.Behaviors>
        <dx:CurrentDialogService />
    </dxmvvm:Interaction.Behaviors>

    <StackPanel>
        <ComboBox SelectedItem="{Binding DialogResult}">
            <ComboBox.Items>
                <dxmvvm:MessageResult>Yes</dxmvvm:MessageResult>
                <dxmvvm:MessageResult>No</dxmvvm:MessageResult>
                <dxmvvm:MessageResult>Cancel</dxmvvm:MessageResult>
            </ComboBox.Items>
        </ComboBox>
        <Button Command="{Binding CloseCommand}" Content="Close the dialog from the dialog view model" />
    </StackPanel>
</UserControl>

SimpleDialogViewModel.cs

cs 复制代码
public class SimpleDialogViewModel : ViewModelBase
{
    public MessageResult DialogResult
    {
        get { return GetProperty(() => DialogResult); }
        set { SetProperty(() => DialogResult, value); }
    }
    protected ICurrentDialogService CurrentDialogService { get { return GetService<ICurrentDialogService>(); } }

    [Command]
    public void Close()
    {
        CurrentDialogService.Close(DialogResult);
    }
}

MainViewModel.cs

cs 复制代码
public MessageResult Result
{
    get { return GetProperty(() => Result); }
    set { SetProperty(() => Result, value); }
}
protected IDialogService DialogService { get { return GetService<IDialogService>(); } }

[Command]
public void ShowDialog()
{
    Result = DialogService.ShowDialog(dialogButtons: MessageButton.YesNoCancel, title: "Simple Dialog", viewModel: new SimpleDialogViewModel());
}

MainView.xaml

xml 复制代码
<StackPanel>
    <TextBlock Text="DialogService:"/>
    <Button Command="{Binding ShowDialogCommand}" Content="Show Dialog" />
    <TextBlock Text="{Binding Result, StringFormat='The last result is {0}'}" />
</StackPanel>

异步按钮

DialogService可以显示异步按钮。这些按钮指示关联的异步操作是否正在进行

cs 复制代码
public void ShowRegistrationForm()
{
    UICommand registerAsyncCommand = new UICommand(
       id: null,
       caption: "Register Async",
       command: new AsyncCommand<CancelEventArgs>(
           async cancelArgs => {
               try
               {
                   await MyAsyncExecuteMethod();
               }
               catch (Exception e)
               {
                   AsyncMessageBoxService.ShowMessage(e.Message, "Error", MessageButton.OK);
                   cancelArgs.Cancel = true;
               }
           },
           cancelArgs => !string.IsNullOrEmpty(registrationViewModel.UserName)
       ),
       asyncDisplayMode: AsyncDisplayMode.Wait,
       isDefault: false,
       isCancel: false
   );

    UICommand registerCommand = new UICommand(
        id: null,
        caption: "Register",
        command: new DelegateCommand<CancelEventArgs>(
            cancelArgs => {
                try
                {
                    MyExecuteMethod();
                }
                catch (Exception e)
                {
                    AsyncMessageBoxService.ShowMessage(e.Message, "Error", MessageButton.OK);
                    cancelArgs.Cancel = true;
                }
            },
            cancelArgs => !string.IsNullOrEmpty(registrationViewModel.UserName) && !((IAsyncCommand)registerAsyncCommand.Command).IsExecuting
        ),
        isDefault: true,
        isCancel: false
    );

    UICommand cancelCommand = new UICommand(
        id: MessageBoxResult.Cancel,
        caption: "Cancel",
        command: null,
        isDefault: false,
        isCancel: true
    );

    UICommand result = AsyncDialogService.ShowDialog(
        dialogCommands: new List<UICommand>() { registerAsyncCommand, registerCommand, cancelCommand },
        title: "Registration Dialog",
        viewModel: registrationViewModel
    );

    if (result == registerCommand)
    {
        // ...
    }
}

void MyExecuteMethod()
{
    // ...
}

async Task MyAsyncExecuteMethod()
{
    await Task.Delay(2000);
    // ...
}

点击"Register Async",执行异步方法

参考

相关推荐
冷眼Σ(-᷅_-᷄๑)18 分钟前
WPF缩放动画和平移动画叠加后会发生什么?
wpf·动画
△曉風殘月〆2 小时前
WPF MVVM入门系列教程(二、依赖属性)
c#·wpf·mvvm
逐·風4 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
m0_656974747 小时前
C#中的集合类及其使用
开发语言·c#
九鼎科技-Leo8 小时前
了解 .NET 运行时与 .NET 框架:基础概念与相互关系
windows·c#·.net
九鼎科技-Leo10 小时前
什么是 ASP.NET Core?与 ASP.NET MVC 有什么区别?
windows·后端·c#·asp.net·mvc·.net
.net开发10 小时前
WPF怎么通过RestSharp向后端发请求
前端·c#·.net·wpf
九鼎科技-Leo10 小时前
WPF 中 NavigationWindow 与 Page 的继承关系解析
wpf
小乖兽技术10 小时前
C#与C++交互开发系列(二十):跨进程通信之共享内存(Shared Memory)
c++·c#·交互·ipc
幼儿园园霸柒柒11 小时前
第七章: 7.3求一个3*3的整型矩阵对角线元素之和
c语言·c++·算法·矩阵·c#·1024程序员节