Avatar
可显示图片、首字母或占位符的圆形头像，以及将其重叠的头像分组。
示例可交互
Live demo unavailable
<StackPanel Orientation="Horizontal" Spacing="12" HorizontalAlignment="Left">
<uikit:Avatar UserName="Jason Lee" />
<uikit:Avatar UserName="Alice" />
<uikit:Avatar UserName="Bob" />
<uikit:Avatar UserName="Carol" />
<uikit:Avatar />
<uikit:Avatar UserName="Jason Lee" Source="avares://AvaloniaUIKit.Demos/Assets/small-48x48.png" />
</StackPanel>用法
uikit:Avatar 在次要色上绘制圆形，并带 1px 的环。圆内依次为：有图片时显示图片（Source，覆盖整个圆）；否则显示 UserName 的首字母（其前两个单词的首字母），放在十二种色相之一上，色相由首字母决定；再否则显示 Placeholder 图标，默认为用户图标。尺寸：xsmall（16px）、small（24px）、默认（48px）与 large（80px）；其他任何 Width 与 Height 都保持圆形。
uikit:AvatarGroup 让其头像重叠各自尺寸的 30%，第一个在最上层，并且最多显示 Limit 个（默认 3）；设置 ShowsEllipsis="True" 时，被截断的分组之后会跟一个 "⋯" 头像。分组上的尺寸样式类会应用到其中每个头像。
示例
带首字母与带占位符的四种尺寸。
Live demo unavailable
<StackPanel Orientation="Horizontal" Spacing="12" HorizontalAlignment="Left">
<uikit:Avatar Classes="xsmall" UserName="Jason Lee" />
<uikit:Avatar Classes="small" UserName="Jason Lee" />
<uikit:Avatar UserName="Jason Lee" />
<uikit:Avatar Classes="large" UserName="Jason Lee" />
<uikit:Avatar Classes="small" />
<uikit:Avatar />
<uikit:Avatar Classes="large" />
</StackPanel>一个 small 分组，一个截断到 Limit="3" 的五人头像分组，以及同样设置 ShowsEllipsis="True" 的版本。
Live demo unavailable
<StackPanel Orientation="Horizontal" Spacing="24" HorizontalAlignment="Left">
<uikit:AvatarGroup Classes="small">
<uikit:Avatar UserName="Alice" />
<uikit:Avatar UserName="Bob" />
<uikit:Avatar UserName="Carol" />
</uikit:AvatarGroup>
<uikit:AvatarGroup Limit="3">
<uikit:Avatar UserName="Alice" />
<uikit:Avatar UserName="Bob" />
<uikit:Avatar UserName="Carol" />
<uikit:Avatar UserName="Dave" />
<uikit:Avatar UserName="Erin" />
</uikit:AvatarGroup>
<uikit:AvatarGroup Limit="3" ShowsEllipsis="True">
<uikit:Avatar UserName="Alice" />
<uikit:Avatar UserName="Bob" />
<uikit:Avatar UserName="Carol" />
<uikit:Avatar UserName="Dave" />
<uikit:Avatar UserName="Erin" />
</uikit:AvatarGroup>
</StackPanel>