Corner Round View 만드는 방법

스마트 디바이스을 통해 웹과 앱에서 다양한 컨텐츠(Content)을 접하고 있습니다.
다양한 컨텐츠에서도 UI 가 Nice 한 컨텐츠에 더 눈이 가서 진입율도 높은 편입니다.
가장 많이 사용하는 디자인 중 하나는 Corner Round 처리라고 할 정도로 디자인에서 사용하고 있는데요.

이번 포스트에서는 Corner Round 하는 방법에 대해서 알아보겠습니다.

 

SHAPE 을 활용한 방법

Corner Round 하는 방법 중 하나는 shape 을 활용하는 방법입니다.
Shape 는 xml을 통하여 만들 수 있으며 아래와 같이 <shape/> 안에 <corners/> 을 두어 Corner에 Radius을 설정할 수 있습니다.

생성한 Shape을 Layout Background 로 설정하여 Corner Round View을 설정할 수 있습니다.

 

 

반응형

 

CARD VIEW 을 활용한 방법

Corner Round 하는 방법 중 다른 하나는 CARD VIEW을 활용하는 방법입니다.
Android CardView 를 활용하면 쉽게 Round 처리를 할 수 있습니다.

 

AndroidX 에서 제공하는 CardView을 활용하면 쉽게 Round View을 할 수 있으나 stoke 을 설정하는 것은 어려움이 있습니다.
Material 에서 제공하는 MaterialCardView 을 활용하면 stoke width와 color를 설정할 수 있습니다.

implementtion 'com.google.android.material:material:1.0.0'

 

 

 

마무리

RoundView 처리하는 2가지 방법 공유하였습니다.
Shape, CardView 외 다양한 방법으로 Corner View 를 설정할 수 있습니다.
원하는 UI을 만드는데 도움이 되길 바랍니다.