[TIP] Android Style Background 꾸미기 - 테두리, 모서리 둥글게 등

Notepad96

·

2022. 2. 11. 23:32

300x250

Android Background 꾸미기 - 테두리(border) 굵기 지정 및 색 변경, 모서리 (corner) 둥글게 지정

 

 

결 과

 

 

/res/drawable 서 리소스 파일 생성 후 작성

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

<!--    배경색[Background Color]-->
    <solid android:color="#aaa" />

<!--    테두리 선[Border] 길이 및 색-->
    <stroke android:width="3dp" android:color="@color/black" />

<!--    모서리[Corner] 둥글게
        topRightRadius(위오른쪽), topLeftRadius(위왼쪽)
        처럼 지정하여 특정 부분만 적용 가능-->
    <corners android:radius="5dp" />

<!--    패딩[padding]-->
    <padding android:top="5dp" />

</shape>

 

 

# shape의 shape 속성으로 rectangle(사각형), oval(타원형) 등 모양을 지정 가능

 

 

# 배경색: solid로 지정 가능

 

# 테두리[Border] 선: width를 사용하여 굵기 지정이 가능하며 color로 색 지정 가능

 

# 모서리[Corner] : radius의 지정한 값만큼 모서리를 둥글게 만듬

 

# 패딩[Padding] : Layout에서 사용하던 패딩과 동일

 

 

이처럼 파일을 생성하여 스타일을 지정해 놓고 사용함으로써 다른 오브젝트 간 동일한 스타일을 적용이 가능하며 스타일 수정이 있을 경우에도 스타일 파일만을 수정함으로써 관리를 용이하게 만든다.

 

 

 

 

아래글처럼 theme의 style을 선언하여 관리할 수도 있다.

 

 

Android Kotlin Button Style - outline, text button

1. 결 과 2. activity_main.xml <?xml version="1.0" encoding="utf-8"?> # 각각의 버튼은 기본 버튼, 테두리 있는 버튼, 텍스트 형 버튼 스타일을 갖는다. 3. styles.xml <?xml version="1.0" encoding="utf-8"..

notepad96.tistory.com

 

 

 


- 전체 코드

 

 

GitHub - Notepad96/BlogExample

Contribute to Notepad96/BlogExample development by creating an account on GitHub.

github.com

 

300x250