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:

  1. <?xml version="1.0" encoding="utf-8"?>
  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  5. xmlns:app="http://schemas.android.com/apk/res-auto"
  7. android:layout_width="match_parent"
  9. android:layout_height="210dp"
  11. android:padding="16dp"
  13. android:orientation="vertical"
  15. android:background="@android:color/holo_blue_dark">
  17. <refractored.controls.CircleImageView
  19. android:paddingTop="16dp"
  21. android:layout_width="150dp"
  23. android:layout_height="141.5dp"
  25. android:id="@+id/navheader_userimage"
  27. android:src="@drawable/Rose"
  29. app:civ_border_width="2dp"
  31. app:civ_border_color="#000000" />
  33. </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.