The AvatarView (profile view) control for WPF provides a graphical representation of users that can be customized by adding images, background colors, icons, text, and more.
The WPF 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 (the first character) from the avatar name.
Used to show two characters (first and last characters 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 WPF AvatarView control.
The WPF 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 WPF AvatarView control supports group avatar view.
The WPF 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.
WPF AvatarView supports predefined square-shaped styles.
WPF AvatarView supports predefined circle-shaped styles.
The WPF 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 WPF AvatarView control using a few simple lines of XAML and CS code example, as demonstrated below.
- <Window x:Class="AvatarView.MainWindow"
- 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:local="clr-namespace:AvatarView"
- xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
- mc:Ignorable="d"
- Title="MainWindow" Height="450" Width="800">
- <Grid>
- <syncfusion:SfAvatarView ContentType="Initials" AvatarName="Anderson Perry"/>
- </Grid>
- </Window>
- public MainWindow()
- {
- InitializeComponent();
- Grid grid = new Grid();
- SfAvatarView avatarView = new SfAvatarView();
- avatarView.ContentType = AvatarContentType.Initials;
- avatarView.AvatarName = "Anderson Perry";
- grid.Children.Add(avatarView);
- this.Content = grid;
- }
Documentation
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.
