WPF 비동기 MVVM 대기 창 에 대한 소개

필요 설명•ViewModel 에서 Model 의 데 이 터 를 처리 하 는 데 일정한 시간 이 필요 합 니 다.ViewModel 또는 Model 은 데 이 터 를 가 져 오 거나 동기 화 서 비 스 를 방문 할 때 일정한 지연 이 있 습 니 다.기 다 려 야 합 니 다.ViewModel 작업 View 로 딩 데 이 터 는 시간 이 걸 립 니 다.해결 방법•대기 UI 를 표시 합 니 다.데이터 처리 가 완료 되 었 거나 서비스 인터페이스 가 돌아 온 후에 UI 가 사라 질 때 까지 기 다 립 니 다.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);
         }
       }
     }
   }