[Android_Kotlin] 테두리(border), 그라데이션(gradient) 넣기

일반적으로 TextView나 이미지 등에 테두리나 그라데이션을 main.xml 에서는 넣어줄 수 없다. 따라서 해당 요소를 넣기 위해서는 drawable 폴더에 새로운 xml 파일을 생성해주고 거기서 테두리나 그라데이션의 효과를 넣어줘야 한다. 이후 main.xml에서 background 코드를 활용해 만든 xml파일을 지정해주는 방식으로 만들어주면 된다.

 

<요약>

1. 테두리나 그라데이션을 넣어주고 싶은 TextView나 EditText 생성.

2. drawable 폴더에 새로운 Resource file 생성 -> 해당 xml에 테두리나 그라데이션등의 코드를 넣는다.

3. main.xml로 돌아와 background코드에 해당 xml파일을 지정해준다.

위 사진처럼 테두리나 그라데이션을 넣어주고 싶은 TextView를 만들어준다.

 

1. 테두리 만들기

새로운 Resource File 생성.

제목은 자유롭게 해주고 Root element를 shape로 지정해준다.

코드는 이렇게 하면 되는데, 여기서 solid는 배경색, stroke는 테두리, corners는 가장자리로 이해하면 쉽다.

background에 아까 만들었던 xml파일을 지정해주자. 그러면 오른쪽처럼 테두리가 생기는걸 확인할 수 있다.

 

2. 그라데이션 넣기

테두리 만들기와 앞부분까지는 모두 동일하고 코드에 gradient만 새롭게 추가된다. angle은 그라데이션을 위에서 아래로줄지 좌에서 우로줄지 등을 설정할 때 활용하면 된다. 

 

똑같이 background로 지정해주면 끝.