Xamarin Border | Circle Image

Overview

Xamarin.Forms Border is a container control that provides rounded or rectangular corners to various views of the application. This control is also used to change rectangular images into circular images.

Border color

Xamarin.Forms Border control color can easily be customized to the desired color.

Xamarin.Forms Border with different border color

Border width

Xamarin.Forms Border control width can be customized to the desired value. You can also remove the border if it is not required.

Xamarin.Forms Border with different border width

Circle image

Set rounded corner radii for Border and place an image inside to have a circle image.

Xamarin.Forms Border with circle image

Corner radii

The Xamarin.Forms Border control corner radii can easily be customized to have rounded edges. You can provide different corner radii to different edges.

Xamarin.Forms Border with different corner radii

Xamarin.Forms Border Code Example

Easily get started with the Xamarin.Forms Border using a few simple lines of XAML and C# code example as demonstrated below. Also explore our Xamarin.Forms Border Example that shows you how to render and configure the Border for Xamarin.Forms.

xaml
c#
<border:SfBorder BorderColor="Black" HorizontalOptions="Center" VerticalOptions="Center" CornerRadius="50">
<Image Source="plus.png" />
</border:SfBorder>
SfBorder border = new SfBorder();
border.BorderColor = Color.Black;
border.HorizontalOptions = LayoutOptions.Center;
border.VerticalOptions = LayoutOptions.Center;
border.CornerRadius = 50;
Image image = new Image();
image.Source = "plus.png";
border.Content = image;

Frequently Asked Questions

✅ Why should you choose Syncfusion Xamarin Border?

The Syncfusion Xamarin Border provides the following:

Customize the background, border width, and border color of the Border control.
Create an elegant circular image.
Customize all the edges with different corner radii.
One of the best Xamarin Border components in the market that offers a feature-rich UI.
Simple configuration and API.
Touch friendly and responsive.
Extensive demos and documentation to learn quickly and get started with Xamarin Border.

✅ Where can I find the Syncfusion Xamarin Border demo?

You can find our Xamarin Border demo here.

✅ Can I download and utilize the Syncfusion Xamarin Border for free?

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

✅ How do I get started with Syncfusion Xamarin Border?

A good place to start would be our comprehensive getting started documentation.

Rated by users across the globe

Amazing tool, great designs

Using Xamarin templates from Syncfusion I can focus on the code and do not have to worry about design. Very easy to implement.

Dirk F,

Software Development Engineer, Small-Business

Essential for any Xamarin developer!

A large number of components that complement or improve almost everything that does not yet exist in Xamarin. The support is the best I've ever seen! They fix bugs quickly and are always willing to listen to suggestions.