103 lines
4.6 KiB
XML
103 lines
4.6 KiB
XML
<UserControl 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:u="https://irihi.tech/ursa"
|
|
xmlns:vm="clr-namespace:Ursa.Demo.ViewModels"
|
|
x:CompileBindings="True"
|
|
x:DataType="vm:AvatarDemoViewModel"
|
|
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
|
|
x:Class="Ursa.Demo.Pages.AvatarDemo">
|
|
<Design.DataContext>
|
|
<vm:AvatarDemoViewModel />
|
|
</Design.DataContext>
|
|
<UserControl.Styles>
|
|
<Style Selector="u|Avatar">
|
|
<Setter Property="Content" Value="{Binding Content}" />
|
|
<Setter Property="Command" Value="{Binding ClickCommand}" />
|
|
</Style>
|
|
</UserControl.Styles>
|
|
<StackPanel>
|
|
<StackPanel Orientation="Horizontal" VerticalAlignment="Top">
|
|
<u:Avatar />
|
|
<u:Avatar Classes="Red">
|
|
<u:Avatar.HoverMask>
|
|
<Border Opacity="0.6">
|
|
<Panel>
|
|
<Border
|
|
Background="#16161A"
|
|
Width="{Binding $parent[u:Avatar].Width}"
|
|
Height="{Binding $parent[u:Avatar].Height}" />
|
|
<PathIcon
|
|
Theme="{StaticResource InnerPathIcon}"
|
|
Data="{StaticResource SemiIconCamera}"
|
|
Width="{Binding $parent[u:Avatar].FontSize}"
|
|
Height="{Binding $parent[u:Avatar].FontSize}" />
|
|
</Panel>
|
|
</Border>
|
|
</u:Avatar.HoverMask>
|
|
</u:Avatar>
|
|
<u:Avatar Source="../Assets/Ursa.ico" />
|
|
<u:Avatar Source="../Assets/IRIHI.png" />
|
|
<u:Avatar Source="../Assets/WORLD.png" />
|
|
</StackPanel>
|
|
<StackPanel Orientation="Horizontal">
|
|
<u:Avatar Classes="Red" />
|
|
<u:Avatar Classes="Pink" />
|
|
<u:Avatar Classes="Purple" />
|
|
<u:Avatar Classes="Violet" />
|
|
<u:Avatar Classes="Indigo" />
|
|
<u:Avatar Classes="Blue" />
|
|
<u:Avatar Classes="LightBlue" />
|
|
<u:Avatar Classes="Cyan" />
|
|
<u:Avatar Classes="Teal" />
|
|
<u:Avatar Classes="Green" />
|
|
<u:Avatar Classes="LightGreen" />
|
|
<u:Avatar Classes="Lime" />
|
|
<u:Avatar Classes="Yellow" />
|
|
<u:Avatar Classes="Amber" />
|
|
<u:Avatar Classes="Orange" />
|
|
<u:Avatar Classes="Grey" />
|
|
</StackPanel>
|
|
<StackPanel Orientation="Horizontal">
|
|
<u:Avatar Classes="ExtraExtraSmall" />
|
|
<u:Avatar Classes="ExtraSmall" />
|
|
<u:Avatar Classes="Small" />
|
|
<u:Avatar Classes="Default" />
|
|
<u:Avatar Classes="Medium" />
|
|
<u:Avatar Classes="Large" />
|
|
<u:Avatar Classes="ExtraLarge" />
|
|
</StackPanel>
|
|
<StackPanel Orientation="Horizontal">
|
|
<u:Avatar Classes="Square ExtraExtraSmall Green" />
|
|
<u:Avatar Classes="Square ExtraSmall Green" />
|
|
<u:Avatar Classes="Square Small Green" />
|
|
<u:Avatar Classes="Square Default Green" />
|
|
<u:Avatar Classes="Square Medium Green" />
|
|
<u:Avatar Classes="Square Large Green" />
|
|
<u:Avatar Classes="Square ExtraLarge Green" Source="../Assets/Ursa.ico">
|
|
<u:Avatar.HoverMask>
|
|
<Border Opacity="0.6">
|
|
<Panel>
|
|
<Border
|
|
Background="#16161A"
|
|
Width="{Binding $parent[u:Avatar].Width}"
|
|
Height="{Binding $parent[u:Avatar].Height}" />
|
|
<PathIcon
|
|
Theme="{StaticResource InnerPathIcon}"
|
|
Data="{StaticResource SemiIconCamera}"
|
|
Width="{Binding $parent[u:Avatar].FontSize}"
|
|
Height="{Binding $parent[u:Avatar].FontSize}" />
|
|
</Panel>
|
|
</Border>
|
|
</u:Avatar.HoverMask>
|
|
</u:Avatar>
|
|
</StackPanel>
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<u:Avatar Content="AS" />
|
|
<u:Avatar Content="Semi" Padding="4" />
|
|
<u:Avatar Content="Semi" Padding="10" />
|
|
</StackPanel>
|
|
|
|
</StackPanel>
|
|
</UserControl> |