mirror of
https://gitee.com/chinware/atomui.git
synced 2024-12-04 04:48:08 +08:00
93 lines
4.9 KiB
XML
93 lines
4.9 KiB
XML
<UserControl
|
||
x:Class="AtomUI.Demo.Desktop.ShowCase.LoadingIndicatorShowCase"
|
||
xmlns="https://github.com/avaloniaui"
|
||
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"
|
||
xmlns:atom="https://atomui.net"
|
||
xmlns:desktop="clr-namespace:AtomUI.Demo.Desktop"
|
||
|
||
mc:Ignorable="d">
|
||
<desktop:ShowCasePanel>
|
||
<desktop:ShowCaseItem
|
||
Title="Basic Usage"
|
||
Description="A simple loading status.">
|
||
<atom:LoadingIndicator />
|
||
</desktop:ShowCaseItem>
|
||
|
||
<desktop:ShowCaseItem
|
||
Title="Size"
|
||
Description="A small LoadingIndicator is used for loading text, default sized LoadingIndicator for loading a card-level block, and large LoadingIndicator used for loading a page.">
|
||
<StackPanel Orientation="Horizontal">
|
||
<atom:LoadingIndicator SizeType="Small" VerticalAlignment="Center" />
|
||
<atom:LoadingIndicator SizeType="Middle" VerticalAlignment="Center" />
|
||
<atom:LoadingIndicator SizeType="Large" VerticalAlignment="Center" />
|
||
</StackPanel>
|
||
</desktop:ShowCaseItem>
|
||
|
||
<desktop:ShowCaseItem
|
||
Title="Custom spinning indicator"
|
||
Description="Use custom loading indicator.">
|
||
<StackPanel Orientation="Horizontal">
|
||
<atom:LoadingIndicator SizeType="Small"
|
||
VerticalAlignment="Center"
|
||
CustomIndicatorIcon="{atom:IconProvider Kind=LoadingOutlined,NormalFilledColor=#1677ff}" />
|
||
<atom:LoadingIndicator SizeType="Middle"
|
||
VerticalAlignment="Center"
|
||
CustomIndicatorIcon="{atom:IconProvider Kind=LoadingOutlined,NormalFilledColor=#1677ff}" />
|
||
<atom:LoadingIndicator SizeType="Large"
|
||
VerticalAlignment="Center"
|
||
CustomIndicatorIcon="{atom:IconProvider Kind=LoadingOutlined,NormalFilledColor=#1677ff}" />
|
||
</StackPanel>
|
||
</desktop:ShowCaseItem>
|
||
|
||
<desktop:ShowCaseItem
|
||
Title="Customized description"
|
||
Description="Customized description">
|
||
<StackPanel Orientation="Vertical" Spacing="10">
|
||
<StackPanel Orientation="Horizontal" Spacing="10">
|
||
<atom:LoadingMaskHost IsLoading="True" SizeType="Small"
|
||
IsShowLoadingMsg="True"
|
||
LoadingMsg="Loading...">
|
||
<Border Width="100" Height="100" Background="rgb(251, 251, 251)" />
|
||
</atom:LoadingMaskHost>
|
||
<atom:LoadingMaskHost IsLoading="True" SizeType="Middle"
|
||
IsShowLoadingMsg="True"
|
||
LoadingMsg="Loading...">
|
||
<Border Width="100" Height="100" Background="rgb(251, 251, 251)" />
|
||
</atom:LoadingMaskHost>
|
||
<atom:LoadingMaskHost IsLoading="True" SizeType="Large"
|
||
IsShowLoadingMsg="True"
|
||
LoadingMsg="Loading...">
|
||
<Border Width="100" Height="100" Background="rgb(251, 251, 251)" />
|
||
</atom:LoadingMaskHost>
|
||
</StackPanel>
|
||
<atom:LoadingMaskHost IsLoading="True"
|
||
IsShowLoadingMsg="True"
|
||
LoadingMsg="Loading...">
|
||
<atom:Alert Message="Alert message title"
|
||
Description="Further details about the context of this alert."
|
||
Type="Info" />
|
||
</atom:LoadingMaskHost>
|
||
</StackPanel>
|
||
</desktop:ShowCaseItem>
|
||
|
||
<desktop:ShowCaseItem
|
||
Title="Customized description"
|
||
Description="Customized description">
|
||
<StackPanel Orientation="Vertical" Spacing="10">
|
||
<atom:LoadingMaskHost IsLoading="{Binding IsLoadingSwitchChecked}"
|
||
IsShowLoadingMsg="True"
|
||
LoadingMsg="Loading...">
|
||
<atom:Alert Message="Alert message title"
|
||
Description="Further details about the context of this alert."
|
||
Type="Info" />
|
||
</atom:LoadingMaskHost>
|
||
<StackPanel Orientation="Horizontal" Spacing="10">
|
||
<TextBlock>Loading state：</TextBlock>
|
||
<atom:ToggleSwitch IsChecked="{Binding IsLoadingSwitchChecked}" />
|
||
</StackPanel>
|
||
</StackPanel>
|
||
</desktop:ShowCaseItem>
|
||
</desktop:ShowCasePanel>
|
||
</UserControl> |