Datagrid加载和提交时候自动出现BusyIndicator并绑定

最新推荐文章于 2022-06-13 11:51:13 发布
最新推荐文章于 2022-06-13 11:51:13 发布
阅读量1.4k 收藏
点赞数
文章标签： silverlight busyindi

BusyIndicator和DataGrid搭配使用的效果就是当Datagrid加载数据或者提交的时候自动灰掉并出现“Please wait...”进度条，这是一个非常普通的需求，因为从服务器端加载和提交数据谁也不知道需要耗时多久，很多其他的框架比如ExtJS都有很好的支持。在Silverlight中也是很方面的，就是将需要等待载入的控件（这里是DataGrid），作为BusyIndicator 的子控件即可。需要注意的是BusyIndicator自动绑定ViewModel的IsBusy属性怎么做？ViewModel的IsBusy属性如何在加载数据和更新数据的时候进行更新？貌似一个小功能，但要做的完美才行。

前台Xaml：将需要等待载入的控件（这里是DataGrid），作为BusyIndicator 的子控件，IsBusy绑定ViewModel的属性。

复制代码 
  
  

   
   <
   
   UserControl 
   
   x:Class
   
   ="TestUserControl"
   
   
    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"
   
   
    mc:Ignorable
   
   ="d"
   
   
    d:Height
   
   ="Auto"
   
    d:Width
   
   ="Auto"
   
    xmlns:sdk
   
   ="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
   
    xmlns:toolkit
   
   ="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit"
   
   >
   
   
    
   
   <
   
   toolkit:HeaderedContentControl 
   
   Name
   
   ="headeredContentControl1"
   
    Width
   
   ="Auto"
   
   >
   
   
        
   
   <
   
   toolkit:BusyIndicator 
   
   Name
   
   ="busyIndicator1"
   
    IsBusy
   
   ="
   
   {Binding IsBusy}
   
   "
   
    DisplayAfter
   
   ="0"
   
    BusyContent
   
   ="Transferring data..."
   
   >
   
   
            
   
   <
   
   sdk:DataGrid 
   
   ItemSource
   
   ="
   
   {Binding EntitiesList}
   
   "
   
    AutoGenerateColumns
   
   ="False"
   
    GridLinesVisibility
   
   ="None"
   
    Width
   
   ="Auto"
   
    HorizontalAlignment
   
   ="Stretch"
   
    VerticalAlignment
   
   ="Stretch"
   
    BorderThickness
   
   ="0,0,0,0"
   
    SelectionMode
   
   ="Single"
   
    Name
   
   ="dgvRecentUpdated"
   
   >
   
   
                
   
   <
   
   sdk:DataGrid.Columns
   
   >
   
   
                    
   
   <
   
   sdk:DataGridTextColumn 
   
   Header
   
   ="EntityID"
   
    Binding
   
   ="
   
   {Binding EntityID}
   
   "
   
    Visibility
   
   ="Collapsed"
   
    
   
   />
   
   
                    
   
   <
   
   sdk:DataGridTextColumn 
   
   Header
   
   ="Entity name"
   
    Binding
   
   ="
   
   {Binding EntityName}
   
   "
   
    Width
   
   ="120"
   
    
   
   />
   
   
                    
   
   <
   
   sdk:DataGridTextColumn 
   
   Header
   
   ="Entity desc"
   
    Binding
   
   ="
   
   {Binding EntityDesc}
   
   "
   
    Width
   
   ="120"
   
   />
   
   
                
   
   </
   
   sdk:DataGrid.Columns
   
   >
   
   
            
   
   </
   
   sdk:DataGrid
   
   >
   
   
        
   
   </
   
   toolkit:BusyIndicator
   
   >
   
   
    
   
   </
   
   toolkit:HeaderedContentControl
   
   >
   
   

   
   </
   
   UserControl
   
   >
复制代码

ViewModel的IsBusy属性设置：当DomainEntity加载和提交的时候自动更新状态

复制代码 
  
  

   
    1 
   
   public
   
    Boolean IsBusy

   
    2 
   
   {

   
    3 
   
       
   
   get
   
   

   
    4 
   
       {

   
    5 
   
           
   
   return
   
    
   
   this
   
   ._isBusy;

   
    6 
   
       }

   
    7 
   
   

   
    8 
   
       
   
   private
   
    
   
   set
   
   

   
    9 
   
       {

   
   10 
   
           
   
   if
   
    (
   
   this
   
   ._isBusy 
   
   !=
   
    value)

   
   11 
   
           {

   
   12 
   
               
   
   this
   
   ._isBusy 
   
   =
   
    value;

   
   13 
   
               
   
   this
   
   .RaisePropertyChanged(
   
   "
   
   IsBusy
   
   "
   
   );
   
   //
   
   需ViewModel已经实现了INotifyPropertyChanged接口
   
   

   
   14 
   
   
   
           }

   
   15 
   
       }

   
   16 
   
   }

   
   17 
   
   
   
   private
   
    Boolean _isBusy 
   
   =
   
    
   
   false
   
   ;            

   
   18 
   
   

   
   19 
   
   
   
   //
   
   WCF Ria Service的DomainContxt
   
   

   
   20 
   
   
   
   

   
   21 
   
   
   
   private
   
    MyDomainContext _ctx;

   
   22 
   
   

   
   23 
   
   
   
   protected
   
    MyDomainContext Context

   
   24 
   
   {

   
   25 
   
       
   
   get
   
   

   
   26 
   
       {

   
   27 
   
           
   
   if
   
    (_ctx 
   
   ==
   
    
   
   null
   
   )

   
   28 
   
           {

   
   29 
   
               _ctx 
   
   =
   
    
   
   new
   
    MyDomainContext();

   
   30 
   
               _ctx.PropertyChanged 
   
   +=
   
    
   
   new
   
    PropertyChangedEventHandler(_ctx_PropertyChanged);

   
   31 
   
           }

   
   32 
   
   

   
   33 
   
           
   
   return
   
    _ctx;

   
   34 
   
       }

   
   35 
   
   }

   
   36 
   
           

   
   37 
   
   
   
   private
   
    
   
   void
   
    _ctx_PropertyChanged(
   
   object
   
    sender, System.ComponentModel.PropertyChangedEventArgs e)

   
   38 
   
   {

   
   39 
   
       
   
   switch
   
    (e.PropertyName)

   
   40 
   
       {

   
   41 
   
           
   
   //
   
   case "HasChanges":

   
   42 
   
           
   
   //
   
       this.HasChanges = _ctx.HasChanges;

   
   43 
   
           
   
   //
   
       break;
   
   

   
   44 
   
   
   
           
   
   case
   
    
   
   "
   
   IsLoading
   
   "
   
   :

   
   45 
   
               
   
   this
   
   .IsBusy 
   
   =
   
    _ctx.IsLoading;

   
   46 
   
               
   
   break
   
   ;

   
   47 
   
           
   
   case
   
    
   
   "
   
   IsSubmitting
   
   "
   
   :

   
   48 
   
               
   
   this
   
   .IsBusy 
   
   =
   
    _ctx.IsSubmitting;

   
   49 
   
               
   
   break
   
   ;

   
   50 
   
       }

   
   51 
   
   }        

   
   52 
   
   

   
   53 
   
   
   
   //
   
   从WCF Ria Service取数据： Context.Load<T>....
复制代码

如果你的应用非常简单直接用DomainDataSource，那么就直接把BusyIndicator的IsBusy属性绑定到你的DomainDataSource，会自动改变状态：

  
  

   
   <
   
   sdk:BusyIndicator 
   
   IsBusy
   
   ="
   
   {Binding IsBusy, ElementName=targetDomainDataSource}
   
   "
   
    ...
   
   />

自定义BusyIndicator的样式

现在Silverlight的BusyIndicator样式很难看，你可以自定义，比如做一个Firefox的圆形样式：

复制代码 
  
  

   
     1 
   
   <
   
   UserControl 
   
   x:Class
   
   ="SilverlightApplication1.CustomBusyIndicator"
   
   

   
     2 
   
       xmlns
   
   ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   
   

   
     3 
   
       xmlns:x
   
   ="http://schemas.microsoft.com/winfx/2006/xaml"
   
   

   
     4 
   
       xmlns:d
   
   ="http://schemas.microsoft.com/expression/blend/2008"
   
   

   
     5 
   
       xmlns:mc
   
   ="http://schemas.openxmlformats.org/markup-compatibility/2006"
   
   

   
     6 
   
       mc:Ignorable
   
   ="d"
   
   

   
     7 
   
       xmlns:sys
   
   ="clr-namespace:System;assembly=mscorlib"
   
   

   
     8 
   
       d:Height
   
   ="Auto"
   
    d:Width
   
   ="Auto"
   
   >
   
   

   
     9 
   
       
   
   <
   
   UserControl.Resources
   
   >
   
   

   
    10 
   
           
   
   <
   
   sys:String 
   
   x:Key
   
   ="data"
   
   >
   
   M 0,0 L-2,0 L -2,-0 L0,-10 L 2,-10 L 2,0 Z
   
   </
   
   sys:String
   
   >
   
   

   
    11 
   
           
   
   <
   
   Storyboard 
   
   x:Name
   
   ="Storyboard1"
   
   >
   
   

   
    12 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0"
   
     Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
    Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p1"
   
   />
   
   

   
    13 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.8"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p2"
   
   />
   
   

   
    14 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.16"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p3"
   
    
   
   />
   
   

   
    15 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.24"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p4"
   
    
   
   />
   
   

   
    16 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.32"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p5"
   
    
   
   />
   
   

   
    17 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.40"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p6"
   
    
   
   />
   
   

   
    18 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.48"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
    Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p7"
   
    
   
   />
   
   

   
    19 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.56"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p8"
   
    
   
   />
   
   

   
    20 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.64"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p9"
   
    
   
   />
   
   

   
    21 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.72"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p10"
   
    
   
   />
   
   

   
    22 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.80"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p11"
   
    
   
   />
   
   

   
    23 
   
               
   
   <
   
   DoubleAnimation 
   
   BeginTime
   
   ="0:0:0.88"
   
    Duration
   
   ="0:0:1"
   
    RepeatBehavior
   
   ="Forever"
   
      From
   
   ="1"
   
    To
   
   ="0.2"
   
     Storyboard.TargetProperty
   
   ="(UIElement.Opacity)"
   
    Storyboard.TargetName
   
   ="p12"
   
    
   
   />
   
   

   
    24 
   
           
   
   </
   
   Storyboard
   
   >
   
   

   
    25 
   
       
   
   </
   
   UserControl.Resources
   
   >
   
   

   
    26 
   
       
   
   <
   
   Grid 
   
   x:Name
   
   ="LayoutRoot"
   
    Background
   
   ="White"
   
    Margin
   
   ="100"
   
   >
   
   

   
    27 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p1"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
    28 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
    29 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
    30 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
    31 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="0"
   
   />
   
   

   
    32 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
    33 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
    34 
   
           
   
   </
   
   Path
   
   >
   
   

   
    35 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p2"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
    36 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
    37 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
    38 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
    39 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="30"
   
   />
   
   

   
    40 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
    41 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
    42 
   
           
   
   </
   
   Path
   
   >
   
   

   
    43 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p3"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
    44 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
    45 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
    46 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
    47 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="60"
   
   />
   
   

   
    48 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
    49 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
    50 
   
           
   
   </
   
   Path
   
   >
   
   

   
    51 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p4"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
    52 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
    53 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
    54 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
    55 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="90"
   
   />
   
   

   
    56 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
    57 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
    58 
   
           
   
   </
   
   Path
   
   >
   
   

   
    59 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p5"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
    60 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
    61 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
    62 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
    63 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="120"
   
   />
   
   

   
    64 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
    65 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
    66 
   
           
   
   </
   
   Path
   
   >
   
   

   
    67 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p6"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
    68 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
    69 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
    70 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
    71 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="150"
   
   />
   
   

   
    72 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
    73 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
    74 
   
           
   
   </
   
   Path
   
   >
   
   

   
    75 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p7"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
    76 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
    77 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
    78 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
    79 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="180"
   
   />
   
   

   
    80 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
    81 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
    82 
   
           
   
   </
   
   Path
   
   >
   
   

   
    83 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p8"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
    84 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
    85 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
    86 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
    87 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="210"
   
   />
   
   

   
    88 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
    89 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
    90 
   
           
   
   </
   
   Path
   
   >
   
   

   
    91 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p9"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Opacity
   
   ="0.2"
   
    Fill
   
   ="Black"
   
   >
   
   

   
    92 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
    93 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
    94 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
    95 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="240"
   
   />
   
   

   
    96 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
    97 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
    98 
   
           
   
   </
   
   Path
   
   >
   
   

   
    99 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p10"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
   100 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
   101 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
   102 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
   103 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="270"
   
   />
   
   

   
   104 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
   105 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
   106 
   
           
   
   </
   
   Path
   
   >
   
   

   
   107 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p11"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
   108 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
   109 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
   110 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
   111 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="300"
   
   />
   
   

   
   112 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
   113 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
   114 
   
           
   
   </
   
   Path
   
   >
   
   

   
   115 
   
           
   
   <
   
   Path 
   
   x:Name
   
   ="p12"
   
    Data
   
   ="
   
   {Binding Source={StaticResource data}}
   
   "
   
    Stroke
   
   ="Gray"
   
    Fill
   
   ="Black"
   
    Opacity
   
   ="0.2"
   
   >
   
   

   
   116 
   
               
   
   <
   
   Path.RenderTransform
   
   >
   
   

   
   117 
   
                   
   
   <
   
   TransformGroup
   
   >
   
   

   
   118 
   
                       
   
   <
   
   TranslateTransform 
   
   Y
   
   ="-8"
   
   />
   
   

   
   119 
   
                       
   
   <
   
   RotateTransform 
   
   Angle
   
   ="330"
   
   />
   
   

   
   120 
   
                   
   
   </
   
   TransformGroup
   
   >
   
   

   
   121 
   
               
   
   </
   
   Path.RenderTransform
   
   >
   
   

   
   122 
   
           
   
   </
   
   Path
   
   >
   
   

   
   123 
   
       
   
   </
   
   Grid
   
   >
   
   

   
   124 
   
   

   
   125 
   
   
   
   </
   
   UserControl
   
   >
复制代码

一个小小的BusyIndicator居然能扯出来这么多东西！其实写程序就是和建筑工人/泥水匠差不多，重在细节，如果一个砖头没有砌好，大厦就有可能倾斜。

longshengguoji
关注
QML中的BusyIndicator
CN小黑
03-12 4401
BusyIndicator这个类最大的作用在于告诉用户程序还在工作，并没有假死。这对于一些耗时的程序非常有用。 BusyIndicator非常简单，自身只有两个属性，其他属性都是继承过来的。 下面是一个简单的例子。   import QtQuick 2.3 import QtQuick.Window 2.2 import QtQuick.Controls 1.4 import
【WPF】BusyIndicator做Loading遮罩层
weixin_34087307的博客
12-29 574
百度了一下，粗略看了几个国内野人的做法，花了时间看下去感觉不太好用（比如有Loading居然只是作为窗体的一个局部控件的，没法全屏遮罩，那要你有何用？），于是谷歌找轮子去。 好用的轮子：http://wpftoolkit.codeplex.com/wikipage?title=BusyIndicator 引入DLL（在官网或者Nuget里下载）、引入名称空间等步骤根据官方的文档来操作就好了，很简...
Silverlight及WPF中实现自定义BusyIndicator
aa124413278的博客
02-26 147
　　在开发Silverlight或者WPF项目时，当我们调用Web服务来加载一些数据时，由于数据量比较大需要较长的时间，需要用户等待，为了给用户友好的提示和避免用户在加载数据过程中进行重复操作，我们通常使用BusyIndicator这个控件来锁定当前页面。然而，有时候BusyIndicator这个控件的风格和我们的界面风格并不搭配，而且修改起来也比较麻烦，今天我们就来自己写一个BusyI...
[UWP]做个调皮的BusyIndicator
weixin_30521161的博客
02-28 95
1. 前言 最近突然想要个BusyIndicator。做过WPF开发的程序员对BusyIndicator应该不陌生，Extended WPF Toolkit 提供了BusyIndicator的开源实现，Silverlight Toolkit也有一个，这次想要把这个控件移植到UWP中。 2. 先说点正经的 2.1 BusyIndicator的功能 BusyIndicator的功能很简单，就是提示正在...
EasyUI的DataGrid绑定Json数据源的示例代码
10-18
这种方法通常涉及到Ajax技术，通过JavaScript发送异步请求到服务器，然后获取返回的Json格式数据并将其绑定到DataGrid上显示。通常，这种方法会用到DataGrid组件的remoteSort属性来指定是否通过Ajax远程进行排序。 ...
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
09-01
当datagrid加载大量数据时，如果未进行优化，其内部的某些功能，如行高自动调整，可能导致性能瓶颈。在示例中提到的代码段，datagrid尝试比较并设置每一对新旧行的高度，这在处理大量数据时会消耗大量时间： ```...
WPF实现DataGrid嵌入ComBox绑定
最新发布
11-08
本篇文章将深入探讨如何在WPF应用中实现DataGrid嵌入ComboBox并进行数据绑定。 首先，我们需要理解WPF中的数据绑定概念。数据绑定允许UI元素（如ComboBox和DataGrid）与应用程序中的数据源进行连接，使UI动态反映...
EasyUI_datagrid实现动态加载列并为其绑定数据
热门推荐
Jack 架构师之路
03-06 1万+
最近项目中遇到了这么一个需求，在datagrid中显示的数据需要动态的加载，也就是说表格中显示的列是不固 定的，显示的列的名称和列的数量都是不固定的，这些数据都是需要我们从后台拿来数据然后在动态的绑定到表格 中。这种需求就需要我们将datagrid做活，下面就给大家分享一下我的想法。
BusyIndicator进度条
12-25
自己画的BusyIndicator。用wpf动画实现。我用Blend3画出来12个椭圆形，然后在VS2008用C#的动画来实现效果。
WPF使用XAML制作动画BusyIndicator
01-14
WPF使用XAML制作动画BusyIndicator,wpf动画制作入门必学
Silverlight 4中的自定义Busyindicator样式
04-08
如何使用自定义进度栏创建Silverlight 4 Busyindicator样式
WPF使用C#制作动画BusyIndicator
01-14
WPF使用C#制作动画BusyIndicator，学习动画制作必学
xamarin.forms-busyindicator:SfBusyIndi​​cator入门样本
04-16
xamarin.forms-busyindicator SfBusyIndi​​cator入门样本
silverlight中的busyIndicator加载控件使用
12-13
silverlight中的busyIndicator加载控件使用
qml 繁忙指示器BusyIndicator 延时按钮DelayButton
qq_33373173的博客
11-21 1603
繁忙指示器 BusyIndicator 需要导入控件import QtQuick.Controls 2.2 属性只有一个 running: 保持繁忙指示器是否指示活动 例1 BusyIndicator{ id:busyindicator anchors.centerIn: parent width: 100 height: 100 running: true } 例2 加载网络图片时，会有个1-2s的加载时间，这个时候，我们就可以使用BusyIndicato
第28篇 QML控件 之 BusyIndicator（等待图元）
Fanjufei的博客
02-14 404
显示状态为一个正在加载的圆圈。 使用BusyIndicator（等待图元）的时候，需要添加： import QtQuick.Controls 1.2 例： import QtQuick 2.9 import QtQuick.Window 2.2 import QtQuick.Controls 1.2 Window { visible: true width: 600 height: 400 BusyIndicator { id: wait
QML_BusyIndicator和DelayButton
会选科技的博客
06-13 553
QML_BusyIndicator和DelayButton
WPF中如何使用BusyIndicator
weixin_30764137的博客
11-13 538
一、下载dll：http://wpftoolkit.codeplex.com/releases/view/99072 　　下载之后将WPFToolkit引用到WPF项目下； 二、添加命名空间： 　　xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit" 三、使用/设置（三种效果）： 　　 　　 　　1. <xctk:Bus...
jQuery EasyUI DataGrid：单击编辑并自动保存单元格数据
在本文档中，主要讨论的是如何使用jQuery EasyUI DataGrid实现点击单元格即可进入编辑状态，并在焦点移出后自动保存数据的功能。作者提供了具体的代码示例来演示这一过程。 首先，我们看到`InitGrid`函数是初始化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值