欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于WPF異步MVVM等待窗體的介紹

 更新時間:2013年04月18日 10:33:00   作者:  
本篇文章小編將為大家介紹,關(guān)于WPF異步MVVM等待窗體的介紹,需要的朋友參考下

需求描述
•在ViewModel中處理Model中的數(shù)據(jù)需要一定時間的等待
•ViewModel或Model在獲取數(shù)據(jù)或訪問同步服務(wù)時有一定延遲需要等待
•ViewModel操作View加載數(shù)據(jù)需要一段時間
解決辦法
•顯示一個等待UI,當(dāng)數(shù)據(jù)處理完畢或服務(wù)接口返回后等待UI消失
轉(zhuǎn)動齒輪控件
•參考開源實現(xiàn)SprocketControl :http://wpfspark.codeplex.com/
等待控件

復(fù)制代碼 代碼如下:

<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的狀態(tài)

復(fù)制代碼 代碼如下:

/// <summary>
  /// 在MVVM模式中ViewModel的狀態(tài)
  /// </summary>
  [Flags]
  public enum ViewModelStatus
  {
    /// <summary>
    /// ViewModel無狀態(tài)
    /// </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狀態(tài)轉(zhuǎn)變?yōu)榭丶顟B(tài)
復(fù)制代碼 代碼如下:

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支持異步顯示
復(fù)制代碼 代碼如下:

<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>

應(yīng)用Style至UserControl
復(fù)制代碼 代碼如下:

<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>

定義基礎(chǔ)ViewModel
復(fù)制代碼 代碼如下:

/// <summary>
   /// 響應(yīng)式的ViewModel模型
   /// </summary>
   public abstract class ViewModelResponsive : ViewModelBase, IViewModelResponsive
   {
     #region Fields

     private ViewModelStatus _status = ViewModelStatus.None;

     #endregion

     #region ViewModel Status

     /// <summary>
     /// 刷新UI數(shù)據(jù)
     /// </summary>
     public virtual void Refresh()
     {

     }

     /// <summary>
     /// ViewModel狀態(tài)
     /// </summary>
     public ViewModelStatus Status
     {
       get
       {
         return _status;
       }
       protected set
       {
         if (_status != value)
         {
           _status = value;
           RaisePropertyChanged(@"Status");
         }
       }
     }

     #endregion
   }

ViewModel應(yīng)用
復(fù)制代碼 代碼如下:

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);
         }
       }
     }
   }

相關(guān)文章

  • C#執(zhí)行Javascript代碼的幾種方法總結(jié)

    C#執(zhí)行Javascript代碼的幾種方法總結(jié)

    本篇文章主要是對C#執(zhí)行Javascript代碼的幾種方法進行了詳細的總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • C# 利用Selenium實現(xiàn)瀏覽器自動化操作的示例代碼

    C# 利用Selenium實現(xiàn)瀏覽器自動化操作的示例代碼

    這篇文章主要介紹了C# 利用Selenium實現(xiàn)瀏覽器自動化操作,幫助大家更好的理解和使用c#,感興趣的朋友可以了解下
    2020-09-09
  • C#值類型和引用類型的深入理解

    C#值類型和引用類型的深入理解

    本篇文章主要是對C#中值類型和引用類型進行了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • 利用C#自定義一個時間類型YearMonth

    利用C#自定義一個時間類型YearMonth

    .Net6中加入了兩個新的時間類型:DateOnly和TimeOnly,但DateOnly和TimeOnly都有相應(yīng)的應(yīng)用場景,所以本文就來自定義一個時間類型YearMonth,用于解決實際項目開發(fā)中的需求,希望對大家有所幫助
    2023-07-07
  • C#實現(xiàn)把dgv里的數(shù)據(jù)完整的復(fù)制到一張內(nèi)存表的方法

    C#實現(xiàn)把dgv里的數(shù)據(jù)完整的復(fù)制到一張內(nèi)存表的方法

    這篇文章主要介紹了C#實現(xiàn)把dgv里的數(shù)據(jù)完整的復(fù)制到一張內(nèi)存表的方法,需要的朋友可以參考下
    2014-08-08
  • C# 特性AttributeUsage簡介與使用教程

    C# 特性AttributeUsage簡介與使用教程

    這篇文章主要介紹了C# 特性AttributeUsage簡介與使用教程,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-05-05
  • C#實現(xiàn)簡單超市收銀系統(tǒng)

    C#實現(xiàn)簡單超市收銀系統(tǒng)

    這篇文章主要為大家詳細介紹了C#實現(xiàn)簡單超市收銀系統(tǒng),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-02-02
  • C#關(guān)于Task.Yeild()函數(shù)的討論

    C#關(guān)于Task.Yeild()函數(shù)的討論

    這篇文章主要介紹了C#中關(guān)于Task.Yeild()函數(shù)的相關(guān)資料,文中講解非常細致,幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下
    2020-07-07
  • 詳解C#中普通緩存的使用

    詳解C#中普通緩存的使用

    緩存的概念及優(yōu)缺點在這里就不多做介紹,當(dāng)然緩存包含多種有普通緩存、客戶端緩存、DNS緩存、反向代理緩存以及分布式緩存等等。今天主要聊一聊C#通過編碼來實現(xiàn)普通的緩存、話不多說直接上代碼。
    2021-05-05
  • 詳解C# winform ListView的基本操作

    詳解C# winform ListView的基本操作

    本文主要介紹了C# winform ListView的基本操作,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-01-01

最新評論