【下載試用DevExpress 2016.1】

LoadingDecorator是一個容器控件用于顯示 long-loading 的內容。內容還沒加載完成的時候會顯示一個加載指示器，加載完成后指示器消失，如下圖所示：

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

如果不想要加載條，將 LoadingDecorator.UseFadeEffect 設置 False 即可。

DevExpress專為企業客戶提供團隊、企業授權優惠方案，歡迎來電咨詢：023-66090381