月更
This commit is contained in:
@@ -1,37 +1,38 @@
|
||||
<UserControl x:Class="AntdWpfDemo.Views.AvatarView"
|
||||
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"
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntdWpf"
|
||||
mc:Ignorable="d"
|
||||
d:DesignHeight="600"
|
||||
d:DesignWidth="930">
|
||||
<UserControl
|
||||
d:DesignHeight="600"
|
||||
d:DesignWidth="930"
|
||||
mc:Ignorable="d"
|
||||
x:Class="AntDesignWPFDemo.Views.AvatarView"
|
||||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"
|
||||
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
|
||||
|
||||
<ScrollViewer>
|
||||
<Grid Margin="16 0">
|
||||
<Grid Margin="16,0">
|
||||
<Grid.RowDefinitions>
|
||||
<RowDefinition Height="Auto" />
|
||||
<RowDefinition Height="*" />
|
||||
<RowDefinition Height="*" />
|
||||
</Grid.RowDefinitions>
|
||||
<StackPanel>
|
||||
<Label Style="{StaticResource Ant.H1}" Content="Avatar" />
|
||||
<Label Content="Avatar" Style="{StaticResource Ant.H1}" />
|
||||
<TextBlock Style="{StaticResource Ant.P}" Text="Avatars can be used to represent people or objects. It supports images, Icons, or letters." />
|
||||
|
||||
<Label Style="{StaticResource Ant.H2}" Content="Examples" />
|
||||
<Label Content="Examples" Style="{StaticResource Ant.H2}" />
|
||||
</StackPanel>
|
||||
<Grid Grid.Row="1">
|
||||
<Grid.Resources>
|
||||
<Style TargetType="antd:Avatar">
|
||||
<Setter Property="Margin" Value="0 16 16 0" />
|
||||
<Setter Property="Margin" Value="0,16,16,0" />
|
||||
</Style>
|
||||
</Grid.Resources>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition />
|
||||
<ColumnDefinition />
|
||||
</Grid.ColumnDefinitions>
|
||||
<StackPanel Margin="8 0">
|
||||
<StackPanel Margin="8,0">
|
||||
<antd:CodeBox Title="Basic">
|
||||
<antd:CodeBox.Description>
|
||||
Three sizes and two shapes are available.
|
||||
@@ -39,36 +40,45 @@
|
||||
<antd:CodeBox.Content>
|
||||
<StackPanel>
|
||||
<WrapPanel>
|
||||
<antd:Avatar Size="64" Icon="user" />
|
||||
<antd:Avatar Size="Large" Icon="user" />
|
||||
<antd:Avatar Icon="user" Size="64" />
|
||||
<antd:Avatar Icon="user" Size="Large" />
|
||||
<antd:Avatar Icon="user" />
|
||||
<antd:Avatar Size="Small" Icon="user" />
|
||||
<antd:Avatar Icon="user" Size="Small" />
|
||||
</WrapPanel>
|
||||
<WrapPanel>
|
||||
<antd:Avatar Shape="Square" Size="64" Icon="user" />
|
||||
<antd:Avatar Shape="Square" Size="Large" Icon="user" />
|
||||
<antd:Avatar Shape="Square" Icon="user" />
|
||||
<antd:Avatar Shape="Square" Size="Small" Icon="user" />
|
||||
<antd:Avatar
|
||||
Icon="user"
|
||||
Shape="Square"
|
||||
Size="64" />
|
||||
<antd:Avatar
|
||||
Icon="user"
|
||||
Shape="Square"
|
||||
Size="Large" />
|
||||
<antd:Avatar Icon="user" Shape="Square" />
|
||||
<antd:Avatar
|
||||
Icon="user"
|
||||
Shape="Square"
|
||||
Size="Small" />
|
||||
</WrapPanel>
|
||||
</StackPanel>
|
||||
</antd:CodeBox.Content>
|
||||
<antd:CodeBox.Code>
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/Theme.xaml" />\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/AntIcons.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntdWpf"\n\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" />\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/AntIcons.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
|
||||
<StackPanel>\n
|
||||
\t<WrapPanel>\n
|
||||
\t\t<antd:Avatar Size="64" Icon="user" />\n
|
||||
\t\t<antd:Avatar Size="Large" Icon="user" />\n
|
||||
\t\t<antd:Avatar Icon="user" />\n
|
||||
\t\t<antd:Avatar Size="Small" Icon="user" />\n
|
||||
\t</WrapPanel>\n
|
||||
\t<WrapPanel>\n
|
||||
\t\t<antd:Avatar Shape="Square" Size="64" Icon="user" />\n
|
||||
\t\t<antd:Avatar Shape="Square" Size="Large" Icon="user" />\n
|
||||
\t\t<antd:Avatar Shape="Square" Icon="user" />\n
|
||||
\t\t<antd:Avatar Shape="Square" Size="Small" Icon="user" />\n
|
||||
\t</WrapPanel>
|
||||
\t<WrapPanel>\n
|
||||
\t\t<antd:Avatar Size="64" Icon="user" />\n
|
||||
\t\t<antd:Avatar Size="Large" Icon="user" />\n
|
||||
\t\t<antd:Avatar Icon="user" />\n
|
||||
\t\t<antd:Avatar Size="Small" Icon="user" />\n
|
||||
\t</WrapPanel>\n
|
||||
\t<WrapPanel>\n
|
||||
\t\t<antd:Avatar Shape="Square" Size="64" Icon="user" />\n
|
||||
\t\t<antd:Avatar Shape="Square" Size="Large" Icon="user" />\n
|
||||
\t\t<antd:Avatar Shape="Square" Icon="user" />\n
|
||||
\t\t<antd:Avatar Shape="Square" Size="Small" Icon="user" />\n
|
||||
\t</WrapPanel>
|
||||
</StackPanel>
|
||||
</antd:CodeBox.Code>
|
||||
</antd:CodeBox>
|
||||
@@ -78,22 +88,28 @@
|
||||
</antd:CodeBox.Description>
|
||||
<antd:CodeBox.Content>
|
||||
<WrapPanel>
|
||||
<antd:Avatar Background="{Binding Background}" Margin="0 0 16 0" Text="{Binding Text}" />
|
||||
<antd:AntButton x:Name="Change" Size="Small" Content="Change" />
|
||||
<antd:Avatar
|
||||
Background="{Binding Background}"
|
||||
Margin="0,0,16,0"
|
||||
Text="{Binding Text}" />
|
||||
<antd:AntButton
|
||||
Content="Change"
|
||||
Size="Small"
|
||||
x:Name="Change" />
|
||||
</WrapPanel>
|
||||
</antd:CodeBox.Content>
|
||||
<antd:CodeBox.Code>
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/Theme.xaml" />\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/AntIcons.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntdWpf"\n\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" />\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/AntIcons.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
|
||||
<WrapPanel>\n
|
||||
\t<antd:Avatar Background="{Binding Background}" Margin="0 0 16 0" Text="{Binding Text}" />\n
|
||||
\t<antd:Button x:Name="Change" Size="Small" Content="Change" />\n
|
||||
\t<antd:Avatar Background="{Binding Background}" Margin="0 0 16 0" Text="{Binding Text}" />\n
|
||||
\t<antd:Button x:Name="Change" Size="Small" Content="Change" />\n
|
||||
</WrapPanel>
|
||||
</antd:CodeBox.Code>
|
||||
</antd:CodeBox>
|
||||
</StackPanel>
|
||||
<StackPanel Grid.Column="1" Margin="8 0">
|
||||
<StackPanel Grid.Column="1" Margin="8,0">
|
||||
<antd:CodeBox Title="Type">
|
||||
<antd:CodeBox.Description>
|
||||
Image, Icon and letter are supported, and the latter two kinds avatar can have custom colors and background colors.
|
||||
@@ -104,21 +120,24 @@
|
||||
<antd:Avatar Text="U" />
|
||||
<antd:Avatar>USER</antd:Avatar>
|
||||
<antd:Avatar Source="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
|
||||
<antd:Avatar Text="U" Background="#FDE3CF" Foreground="#F56A00" />
|
||||
<antd:Avatar Icon="user" Background="#87D068" />
|
||||
<antd:Avatar
|
||||
Background="#FDE3CF"
|
||||
Foreground="#F56A00"
|
||||
Text="U" />
|
||||
<antd:Avatar Background="#87D068" Icon="user" />
|
||||
</WrapPanel>
|
||||
</antd:CodeBox.Content>
|
||||
<antd:CodeBox.Code>
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/Theme.xaml" />\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/AntIcons.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntdWpf"\n\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" />\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/AntIcons.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
|
||||
<WrapPanel>\n
|
||||
\t<antd:Avatar Icon="user" />\n
|
||||
\t<antd:Avatar Text="U" />\n
|
||||
\t<antd:Avatar>USER</antd:Avatar>\n
|
||||
\t<antd:Avatar Source="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />\n
|
||||
\t<antd:Avatar Text="U" Background="#FDE3CF" Foreground="#F56A00" />\n
|
||||
\t<antd:Avatar Icon="user" Background="#87D068" />\n
|
||||
\t<antd:Avatar Icon="user" />\n
|
||||
\t<antd:Avatar Text="U" />\n
|
||||
\t<antd:Avatar>USER</antd:Avatar>\n
|
||||
\t<antd:Avatar Source="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />\n
|
||||
\t<antd:Avatar Text="U" Background="#FDE3CF" Foreground="#F56A00" />\n
|
||||
\t<antd:Avatar Icon="user" Background="#87D068" />\n
|
||||
</WrapPanel>
|
||||
</antd:CodeBox.Code>
|
||||
</antd:CodeBox>
|
||||
@@ -128,25 +147,31 @@
|
||||
</antd:CodeBox.Description>
|
||||
<antd:CodeBox.Content>
|
||||
<WrapPanel>
|
||||
<antd:Badge Count="1" Margin="0 0 24 0">
|
||||
<antd:Avatar Shape="Square" Icon="user" Margin="0" />
|
||||
<antd:Badge Count="1" Margin="0,0,24,0">
|
||||
<antd:Avatar
|
||||
Icon="user"
|
||||
Margin="0"
|
||||
Shape="Square" />
|
||||
</antd:Badge>
|
||||
<antd:Badge Dot="True">
|
||||
<antd:Avatar Shape="Square" Icon="user" Margin="0" />
|
||||
<antd:Avatar
|
||||
Icon="user"
|
||||
Margin="0"
|
||||
Shape="Square" />
|
||||
</antd:Badge>
|
||||
</WrapPanel>
|
||||
</antd:CodeBox.Content>
|
||||
<antd:CodeBox.Code>
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/Theme.xaml" />\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntdWpf;component/Themes/AntIcons.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntdWpf"\n\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/Theme.xaml" />\n
|
||||
<ResourceDictionary Source="pack://application:,,,/AntDesignWPF;component/Themes/AntIcons.xaml" />\n\n
|
||||
xmlns:antd="https://github.com/ShrlAlgo/AntDesignWPF"\n\n
|
||||
<WrapPanel>\n
|
||||
\t<antd:Badge Count="1" Margin="0 0 24 0">\n
|
||||
\t\t<antd:Avatar Shape="Square" Icon="user" Margin="0" />\n
|
||||
\t</antd:Badge>\n
|
||||
\t<antd:Badge Dot="True">\n
|
||||
\t\t<antd:Avatar Shape="Square" Icon="user" Margin="0" />\n
|
||||
\t</antd:Badge>\n
|
||||
\t<antd:Badge Count="1" Margin="0 0 24 0">\n
|
||||
\t\t<antd:Avatar Shape="Square" Icon="user" Margin="0" />\n
|
||||
\t</antd:Badge>\n
|
||||
\t<antd:Badge Dot="True">\n
|
||||
\t\t<antd:Avatar Shape="Square" Icon="user" Margin="0" />\n
|
||||
\t</antd:Badge>\n
|
||||
</WrapPanel>
|
||||
</antd:CodeBox.Code>
|
||||
</antd:CodeBox>
|
||||
|
||||
Reference in New Issue
Block a user