We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
The AvatarView (profile view) control for .NET WinUI provides a graphical representation of users that can be customized by adding images, background colors, icons, text, and more.
The WinUI AvatarView control supports both single and double characters in initials. So, users can generate initials based on the text provided.
Used to show one character (first character) from the avatar name.
Used to show two characters (first and last character for a single word/first character for more than one word) from the avatar name as initials.
Set any custom image as the avatar for the user in the WinUI AvatarView control.
The WinUI AvatarView control has 25 pre-defined avatar character images to set the avatar for users.
A group view is one of the most common UIs in any chat application. Almost all chat applications support group chats that require a common group picture to represent the group. The WinUI AvatarView control supports group avatar view.
The WinUI AvatarView control comes with a predefined style as per design guidelines. Sizing specifications based on style factors such as extra-large, large, medium, small, and extra-small for squares and circles are available.
WinUI AvatarView supports pre-defined square shaped styles.
WinUI AvatarView supports pre-defined circle shaped styles.
The WinUI AvatarView control has customization options such as border, background, gradient background, font, and more.
Users can easily customize the border color and thickness of the control.
Users can change the font size, font color, and font family of the initials.
Users can customize the background of the control.
Users can customize the control background with a gradient color.
Easily get started with the WinUI AvatarView control using a few simple lines of XAML and CS code example as demonstrated below. Also explore our WinUI AvatarView Example that shows you how to render and configure the AvatarView control.
<Page
x:Class="GettingStarted.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:GettingStarted"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:syncfusion="using:Syncfusion.UI.Xaml.Core"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid>
<syncfusion:SfAvatarView ContentType="Initials" AvatarName="Glenn McGrath"/>
</Grid>
</Page>// Create an instance of the AvatarView control.
SfAvatarView avatarView = new SfAvatarView();
// Add the ContentType value in the control.
avatarView.ContentType = AvatarContentType.Initials;
//Set the AvatarName value.
avatarView.AvatarName = "Glenn McGrath";
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.
