关于WPF异步MVVM等待窗体的介绍

 更新时间:2013年04月18日 10:33:00   作者:  
本篇文章小编将为大家介绍,关于WPF异步MVVM等待窗体的介绍,需要的朋友参考下

需求描述
•在ViewModel中处理Model中的数据需要一定时间的等待
•ViewModel或Model在获取数据或访问同步服务时有一定延迟需要等待
•ViewModel操作View加载数据需要一段时间
解决办法
•显示一个等待UI,当数据处理完毕或服务接口返回后等待UI消失
转动齿轮控件
•参考开源实现SprocketControl :http://wpfspark.codeplex.com/
等待控件

复制代码 代码如下:

<Grid>
     <local:SprocketControl Grid.Row="0"
                            Grid.Column="0"
                            Width="100"
                            Height="100"
                            Margin="0,0,0,0"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Background="Transparent"
                            Interval="60"
                            IsIndeterminate="True"
                            StartAngle="-90"
                            TickColor="{DynamicResource MaskForegroundColor}"
                            TickCount="16"
                            TickWidth="5" />
   </Grid>

等待效果

定义MVVM中的ViewModel的状态

复制代码 代码如下:

/// <summary>
  /// 在MVVM模式中ViewModel的状态
  /// </summary>
  [Flags]
  public enum ViewModelStatus
  {
    /// <summary>
    /// ViewModel无状态
    /// </summary>
    None = 0x0,
    /// <summary>
    /// ViewModel正在初始化
    /// </summary>
    Initializing = 0x1,
    /// <summary>
    /// ViewModel初始化完毕
    /// </summary>
    Initialized = 0x2,
    /// <summary>
    /// ViewModel正在加载
    /// </summary>
    Loading = 0x4,
    /// <summary>
    /// ViewModel加载完毕
    /// </summary>
    Loaded = 0x8,
    /// <summary>
    /// ViewModel正在保存
    /// </summary>
    Saving = 0x16,
    /// <summary>
    /// ViewModel保存完毕
    /// </summary>
    Saved = 0x32
  }

ViewModel状态转变为控件状态
复制代码 代码如下:

public class StatusToAnimationVisibilityConverter : IValueConverter
   {
     #region IValueConverter Members

     public object Convert(
       object value, Type targetType, object parameter, CultureInfo culture)
     {
       try
       {
         string status = value.ToString();

         switch (status)
         {
           case "Initializing":
           case "Loading":
           case "Saving":
             return Visibility.Visible;
           case "Loaded":
           case "Saved":
           default:
             return Visibility.Collapsed;
         }
       }
       catch (Exception)
       {
         return Visibility.Collapsed;
       }
     }

     public object ConvertBack(
       object value, Type targetType, object parameter, CultureInfo culture)
     {
       return DependencyProperty.UnsetValue;
     }

     #endregion
   }

使UserControl支持异步显示
复制代码 代码如下:

<coverters:StatusToAnimationVisibilityConverter x:Key="StatusToAnimationVisibilityConverter" />

   <Style x:Key="AsyncWorkUserControlStyle" TargetType="{x:Type UserControl}">
     <Setter Property="Template">
       <Setter.Value>
         <ControlTemplate TargetType="{x:Type UserControl}">
           <Grid>
             <ContentPresenter Panel.ZIndex="0" />
             <Grid x:Name="animationGrid"
                   Width="Auto"
                   Height="Auto"
                   HorizontalAlignment="Stretch"
                   VerticalAlignment="Stretch"
                   Panel.ZIndex="2000"
                   Visibility="{Binding Path=Status,
                                Converter={StaticResource StatusToAnimationVisibilityConverter}}">
               <Grid Width="Auto"
                     Height="Auto"
                     HorizontalAlignment="Stretch"
                     VerticalAlignment="Stretch"
                     Panel.ZIndex="0"
                     Background="{DynamicResource MaskGridBackgroundBrush}"
                     Opacity="0.2" />
               <ctrl:WaitingControl x:Name="animation" Panel.ZIndex="1" />
             </Grid>
           </Grid>
         </ControlTemplate>
       </Setter.Value>
     </Setter>
   </Style>

应用Style至UserControl
复制代码 代码如下:

<UserControl x:Class="DeviceConfiguration.Views.CameraManagementView"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              d:DesignHeight="318"
              d:DesignWidth="632"
              Style="{DynamicResource AsyncWorkUserControlStyle}"
              mc:Ignorable="d">
 </UserControl>

定义基础ViewModel
复制代码 代码如下:

/// <summary>
   /// 响应式的ViewModel模型
   /// </summary>
   public abstract class ViewModelResponsive : ViewModelBase, IViewModelResponsive
   {
     #region Fields

     private ViewModelStatus _status = ViewModelStatus.None;

     #endregion

     #region ViewModel Status

     /// <summary>
     /// 刷新UI数据
     /// </summary>
     public virtual void Refresh()
     {

     }

     /// <summary>
     /// ViewModel状态
     /// </summary>
     public ViewModelStatus Status
     {
       get
       {
         return _status;
       }
       protected set
       {
         if (_status != value)
         {
           _status = value;
           RaisePropertyChanged(@"Status");
         }
       }
     }

     #endregion
   }

ViewModel应用
复制代码 代码如下:

public class CameraManagementViewModel : ViewModelResponsive
   {
     protected override void BindCommands()
     {
       RefreshCommand = new RelayCommand(() =>
       {
         Refresh();
       });
     }

     public override void Refresh()
     {
       base.Refresh();

       Status = ViewModelStatus.Initializing;
       CameraCollection.Clear();
       Model.GetCameras(GetCamerasCallback);
     }

     private void GetCamerasCallback(object sender, AsyncWorkerCallbackEventArgs<IList<Camera>> args)
     {
       CameraCollection.Clear();
       Status = ViewModelStatus.Loaded;

       if (result)
       {
         foreach (var item in (args.Data as IList<Camera>))
         {
           CameraCollection.Add(item);
         }
       }
     }
   }

相关文章

  • C#中进程的挂起与恢复

    C#中进程的挂起与恢复

    这篇文章主要介绍了C#中进程的挂起与恢复操作方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • C#中使用angular的方法步骤

    C#中使用angular的方法步骤

    在本篇内容里我们给大家整理了关于C#中使用angular的方法以及具体步骤内容,有兴趣的朋友们学习下。
    2019-06-06
  • C# WPF编程之Application类的使用详解

    C# WPF编程之Application类的使用详解

    每个运行中的WPF应用程序都由System.Windows.Application类的一个实例来表示,该类跟踪在应用程序中打开的所有窗口,决定何时关闭应用程序,下面就跟随小编一起来深入了解下Application类的使用吧
    2024-04-04
  • C#清除WebBrowser中Cookie缓存的方法

    C#清除WebBrowser中Cookie缓存的方法

    这篇文章主要介绍了C#清除WebBrowser中Cookie缓存的方法,涉及C#针对WebBrowser控件的操作技巧,非常简单实用,需要的朋友可以参考下
    2016-05-05
  • 浅谈C#设计模式之工厂模式

    浅谈C#设计模式之工厂模式

    这篇文章主要介绍了浅谈C#设计模式之工厂模式,需要的朋友可以参考下
    2014-12-12
  • C#中API调用的多种方法

    C#中API调用的多种方法

    今天通过本文给大家分享C#中API调用的多种方法,通过API进行解析扫入的二维码,实例代码给大家介绍的非常详细,需要的朋友参考下吧
    2021-09-09
  • 用C#操纵IIS(代码)

    用C#操纵IIS(代码)

    用C#操纵IIS(代码)...
    2007-03-03
  • 基于C#技术实现身份证识别功能

    基于C#技术实现身份证识别功能

    这篇文章主要介绍了基于C#技术实现身份证识别功能的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • C# LINQ的基本使用方法示例

    C# LINQ的基本使用方法示例

    这篇文章主要给大家介绍了关于C# LINQ的基本使用教程,文中通过示例代码介绍的非常详细,对大家学习或者使用C# LINQ具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2020-08-08
  • C#面向对象编程之猜拳游戏实现方法

    C#面向对象编程之猜拳游戏实现方法

    这篇文章主要介绍了C#面向对象编程之猜拳游戏实现方法,以一个完整的猜拳游戏为例讲述了C#面向对象程序设计的具体实现步骤,具有一定的学习与借鉴价值,需要的朋友可以参考下
    2014-11-11

最新评论