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. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

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.

WinUI AvatarView overview


Initials

The WinUI AvatarView control supports both single and double characters in initials. So, users can generate initials based on the text provided.

WinUI AvatarView for initial type single character

Single character

Used to show one character (first character) from the avatar name.

WinUI AvatarView for initial type double character

Double character

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.


Custom image

Set any custom image as the avatar for the user in the WinUI AvatarView control.

WinUI AvatarView with custom image


Avatar character

The WinUI AvatarView control has 25 pre-defined avatar character images to set the avatar for users.

WinUI AvatarView with avatar character


Group view

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.

WinUI AvatarView with group view content


Visual style

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 with square style

Square

WinUI AvatarView supports pre-defined square shaped styles.

WinUI AvatarView with circle style

Circle

WinUI AvatarView supports pre-defined circle shaped styles.


Customization

The WinUI AvatarView control has customization options such as border, background, gradient background, font, and more.

WinUI AvatarView with border customization

Border customization

Users can easily customize the border color and thickness of the control.

WinUI AvatarView with font customization

Font customization

Users can change the font size, font color, and font family of the initials.

WinUI AvatarView  with background customization

Background

Users can customize the background of the control.

WinUI AvatarView with gradient background customization

Gradient background

Users can customize the control background with a gradient color.


WinUI AvatarView code example

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";

Syncfusion WinUI DataViz & UI Controls

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Awards

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.

Up arrow icon