DevExpress WPF入门指南:加载动画的应用 - DevExpress控件中文网
DevExpress v17.2公开课火热报名中

DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-66090381

DevExpress WPF入门指南:加载动画的应用

来源:   发布时间:2017-12-07   浏览:212次

LoadingDecorator是一个容器控件用于显示 long-loading 的内容。内容还没加载完成的时候会显示一个加载指示器,加载完成后指示器消失,如下图所示:

LoadingDecorator wpf加载动画

开启LoadingDecorator

用dx:LoadingDecorator标签:

<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Views:NavigationView/>
<dx:LoadingDecorator Grid.Column="1">
<Views:MainView/>
</dx:LoadingDecorator>
</Grid>

自定义 Loading Indicator

LoadingDecorator提供了一系列属性,用于自定义Loading Indicator外观。

定义indicator 布局:LoadingDecorator.SplashScreenTemplate 属性;
传递自定义数据:LoadingDecorator.SplashScreenDataContext 属性;
更改加载条位置:LoadingDecorator.SplashScreenLocation 属性;
将加载条在窗口居中或者容器居中:(SplashScreenLocation.CenterWindow) or (SplashScreenLocation.CenterContainer).

<Grid>
...
<dx:LoadingDecorator Grid.Column="1" SplashScreenDataContext="{Binding ... }"

SplashScreenLocation="CenterContainer">
<dx:LoadingDecorator.SplashScreenTemplate>
<DataTemplate>
<Grid>
...
</Grid>
</DataTemplate>
</dx:LoadingDecorator.SplashScreenTemplate>
<Views:MainView/>
</dx:LoadingDecorator>
</Grid>

 

LoadingDecorator.BorderEffect 和 LoadingDecorator.BorderEffectColor 属性可以设置高亮效果。BorderEffect 设置边框高亮,BorderEffectColor 设置边框高亮颜色。

 

<dx:LoadingDecorator ... BorderEffect="Default" BorderEffectColor="Blue">
...
</dx:LoadingDecorator>

加载动画 加载指示器 Loading

如果不想要加载条,将 LoadingDecorator.UseFadeEffect 设置 False 即可。


本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [http://www.devexpresscn.com/]
本文地址:http://www.devexpresscn.com/post/1020.html

相关产品: DevExpress Universal Subscription,


联系我们
  • 重庆总部 023-66090381 400-700-1020
  • 北京公司 010-56705895
购买
  • sales@evget.com
合作
  • business@evget.com