Xamarin Android: Create Android Circle Image App

Let’s start,

Step 1 - Open Visual Studio, New Project, Templates, Visual C#, Android, Blank App, Select Blank App. Then give Project Name and Project Location.

Step 2 

Next go to Solution Explorer-> Project Name-> References then Right Click to Manage Nuget Packages then open new Dialog box. This dialog box to search the Refractored.Controls.Circleimageview then Install the Package.

  

 

Step 3

Then Open Solution Explorer-> Project Name->Resources-> drawable then Right Click to Add->Existing Item... then add any one image.



Step 4

Next Open Solution Explorer-> Project Name->Resources->layout->Main.axml Click Open Design View.

 

 
 

 

XMLCode:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="210dp"

android:padding="16dp"

android:orientation="vertical"

android:background="@android:color/holo_blue_dark">

<refractored.controls.CircleImageView

android:paddingTop="16dp"

android:layout_width="150dp"

android:layout_height="141.5dp"

android:id="@+id/navheader_userimage"

android:src="@drawable/Rose"

app:civ_border_width="2dp"

app:civ_border_color="#000000" />

</LinearLayout>

 

Design View

 

Step 5: Press F5 or Build and Run the Application.Image will showing Circle View. 

 

Finally, we have successfully created Xamarin Android Circle Image Application.