[Android] 레이아웃 Background 둥글게 만들기 (shape, radius, border stroke) - XML

레이아웃 Background를 주어 다양한 형태로 만드는 것에 대해 포스팅 해보겠습니다.

간단하지만 잘 잊어버리가 쉬워서 언제든지 볼 수 있도록 기록을 겸하는 포스팅입니다.

 

먼저 res/drawable 폴더에 새 Drawable Resource File 을 위와 같이 생성합니다.

 

shape 속성은 도형을 지정하는 속성으로 rectangle, oval, ring, line 이 있습니다.
corners에 radius를 지정해주면 모서리 라운딩이 가능합니다.

radius의 속성값이 클수록 모서리가 더 둥글게 됩니다.

 

 

그 후 배경을 주고 싶은 레이아웃의 background 에 지정해줍니다.

여기에서는 Button이지만 TextView, 레이아웃 View에 모두 적용 가능합니다.

그러면 다음과 같은 형태를 보입니다.

 

만약 모서리 선을 지정해주고 싶다면 다음과 같이 하시면 됩니다.

 

stroke에 color, width 을 지정해준 모습입니다.

 

 

가끔 특정 한쪽 모서리에만 radius 를 주고 싶을때가 있는데, 이렇게 적용해줍니다.

 

item안에 radius를 적용해주고 싶지 않은 부분을 지정해준 radius 보다 큰 값으로 마이너스를 달아주면

다음과 같은 형태로 나타나게 됩니다.

혹은 corners 내의 radius 값 지정 시

bottomRightRadius, bottomLeftRadius, topRightRadius, topLeftRadius 속성을 각각 적용해주시면 됩니다.

 

 

이상입니다.

속성값들에 대해 더 자세한 내용을 알고 싶다면 문서를 참조해주세요!