https://github.com/syncfusionexamples/how-to-customize-the-space-between-the-stroke-and-image-in-.net-maui-avatarview

This repository contains a sample explaining how to customize the space between the stroke and image in .NET MAUI AvatarView.
https://github.com/syncfusionexamples/how-to-customize-the-space-between-the-stroke-and-image-in-.net-maui-avatarview

avatar-view avatar-view-customization customization maui maui-avatar-view

Last synced: 25 days ago
JSON representation

This repository contains a sample explaining how to customize the space between the stroke and image in .NET MAUI AvatarView.

• Host: GitHub
• URL: https://github.com/syncfusionexamples/how-to-customize-the-space-between-the-stroke-and-image-in-.net-maui-avatarview
• Owner: SyncfusionExamples
• Created: 2024-08-21T10:08:01.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-08-23T10:02:14.000Z (5 months ago)
• Last Synced: 2024-12-04T14:24:22.221Z (about 1 month ago)
• Topics: avatar-view, avatar-view-customization, customization, maui, maui-avatar-view
• Language: C#
• Homepage:
• Size: 233 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This article explains how to customize the space between the stroke and image or avatar in [.NET MAUI AvatarView](https://www.syncfusion.com/maui-controls/maui-avatarview). This can be achieved by adjusting the `WidthRequest`, `HeightRequest`, and `CornerRadius` properties of the [Border](https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/border?view=net-maui-8.0) control that wraps the `Avatar View`. Below is an example of how to implement this in your application.

**XAML**

```xml

    

    

        

            

        

        

    

    ...

```

**Output**

![AvatarView_Space.gif](https://support.syncfusion.com/kb/agent/attachment/article/17197/inline?token=eyJhbGciOiJodHRwOi8vd3d3LnczLm9yZy8yMDAxLzA0L3htbGRzaWctbW9yZSNobWFjLXNoYTI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjI4NjA2Iiwib3JnaWQiOiIzIiwiaXNzIjoic3VwcG9ydC5zeW5jZnVzaW9uLmNvbSJ9.wgn968v8d-fzMhqQ54is7Cefo7HJIyIh3ab5iBNJ8A0)

**Requirements to run the demo**

 

To run the demo, refer to [System Requirements for .NET MAUI](https://help.syncfusion.com/maui/system-requirements)

 

**Troubleshooting:**

**Path too long exception** 

If you are facing path too long exception when building this example project, close Visual Studio and rename the repository to short and build the project.