[Android] 뷰 모서리를 둥글게, CardView

안드로이드 개발을 할 때 내가 화면에 띄우고 싶은 뷰의 모서리를 둥글게 하는 방법은 여러 가지가 있다.

그중에서 제가 자주 사용하는 것중에 하나를 소개하려고 한다.

 

둥근 모서리 drawable을 만들어서 background에 입혀도 되고,

내가 둥근 모서리를 만들고자 하는 뷰에 cardview를 씌워줄 수도 있다.

 

---

CardView

둥근 모서리를 줄 수도 있고, 그림자를 표시할 수 있는 형태의 레이아웃이다.

 

예시

평범한 사각형의 이미지 뷰이다.

 <ImageView
      android:id="@+id/imageViewRoom"
      android:layout_width="80dp"
      android:layout_height="80dp"
      app:srcCompat="@drawable/chat_room"/>

 

겉에 카드뷰를 씌워주면 어떻게 변할까?

 <androidx.cardview.widget.CardView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginVertical="5dp"
            app:cardCornerRadius="20dp">

              <ImageView
                  android:id="@+id/imageViewRoom"
                  android:layout_width="80dp"
                  android:layout_height="80dp"
                  app:srcCompat="@drawable/chat_room"/>

        </androidx.cardview.widget.CardView>

 

cardCornerRadius가 모서리 둥근 정도를 조정할 수 있는 속성이다.

적당히 20dp를 줘보겠습니다.

 

이런식으로 굉장히 귀여운 이미지뷰가 된다.

 

레이아웃 짤 때 이런 디테일 하나정도 신경 써서 만들다 보면 별다른 꾸밈이 없어도 그럭저럭 봐줄 만한 레이아웃을 만들 수 있다.

---

끝!