Skip to content

MarkRusev/OvalProfileImageCropper

Repository files navigation

OvalProfileImageCropper ✂️

Profile image cropper using CircleImageView and CanHub.

   

Gradle

    
       dependencies {
         ...
         implementation 'de.hdodenhof:circleimageview:3.1.0'
         implementation("com.vanniktech:android-image-cropper:4.5.0")
       }
    

XML

    
   <FrameLayout
        android:id="@+id/imageFl"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="@id/guideline">
    
       <de.hdodenhof.circleimageview.CircleImageView
            android:id="@+id/profile_image"
            android:layout_width="110dp"
            android:layout_height="110dp"
            android:src="@drawable/ic_launcher_background"
            app:civ_border_color="#606060"
            app:civ_border_width="1dp" />

       <ImageView
            android:id="@+id/editIcon"
            android:layout_width="30dp"
            android:layout_height="25dp"
            android:layout_gravity="bottom|end"
            android:src="@drawable/pen" />
            
   </FrameLayout>   
         
   <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.067031465" />