[안드로이드 스튜디오,kotlin] ImageView 둥글게 만들기

 

오늘은 안드로이드 스튜디오에서 ImageView의 이미지를 둥글게 만드는 법에 대해 소개하겠습니다.

먼저 첫번째로 ImageView를 완전히 원모양으로 둥글게 만드는 법을 알려드리고 두번째로 모서리만 조금 둥근 형태로 만드는 방법을 알려드릴게요.

 

 

 

1. 원모양 ImageView - CircleImageView 라이브러리 사용하기

CircleImageView를 사용해서 이미지뷰를 둥글게 만들고 테두리까지 만들어보겠습니다.

먼저 CircleImageView 라이브러리를 사용하기 위해 해당 라이브러리를 임포트 해줍니다.

 

 

(1) 라이브러리 임포트

implementation 'de.hdodenhof:circleimageview:3.1.0' //Circle ImageView

 

(2) 활용하기

<de.hdodenhof.circleimageview.CircleImageView
            android:layout_width="300dp"
            android:layout_height="300dp"
            android:src="@drawable/cat"
            app:civ_border_color="#00BCD4"
            app:civ_border_overlay="true"
            app:civ_border_width="5dp" />

• civ_border_color → 테두리 색
• civ_border_overlay → 테두리 사용여부
• civ_border_width → 테두리 두께

 

 

CircleImageView의 장점은 이미지를 둥글게 만드는 것 뿐만아니라 테두리도 만들 수 있다는 점입니다. 

테두리를 설정하고 테두리의 두께와 색깔까지 설정해줄 수 있습니다.

 

 

** CircleImageView를 사용할 때 주의할 점은 CircleImageView는 ConstraintLayout에서 사용할 수 없다는 점 입니다.

constraintLayout안에서 사용하고 싶다면 CircleImageView를 LinearLayout으로 한 번 감싸서 사용해야합니다.

 

 

 

 

2. 모서리만 약간 둥근 이미지뷰 - CardView 사용하기

두번째로 완전히 원 모양이 아닌 모서리만 둥글게 이미지뷰를 만드는 방법 입니다.

 

<androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="80dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent">

        <ImageView
            android:id="@+id/samplePic"
            android:layout_width="match_parent"
            android:layout_height="300dp"
            android:scaleType="centerCrop"
            android:src="@drawable/cat" />
    </androidx.cardview.widget.CardView>

 

CardView의 cardCornerRadius 속성을 사용해서 테두리의 각도를 설정해줍니다. 

저는 80dp로 설정해주었습니다.

 

 

 

이상 ImageView를 원모양으로 , 또는 테두리를 둥근 모양으로 사용하는 방법에 대한 소개였습니다! 감사합니다