본문 바로가기

안드로이드

안드로이드 drawable 사용하기

drawable 경로

C:\Users\AndroidStudioProjects\project name\drawable\app\src\main\res\drawable

밑줄 친 부분은 각자 다를 수 있음

 

1. 사진 파일 첨부

drawable에 사진(png 권장)을 넣어두고 안드로이드 스튜디오에서 사용할 수 있다. 

예를 들어 ImageButton에 사용할 때 

android:src = "@drawable/사진명"

xml 파일에서 다음과 같이 입력하면 이미지를 버튼으로 사용가능하다.

 

만약 사이즈가 맞지 않는다면 

android:scaleType="fitXY"

다음 코드를 이용하여 사이즈를 맞출 수 있다.

 

2. 레이아웃에 적용

drawable에 xml파일을 만들어 레이아웃에 적용할 수 있다.

2-1. LinearLayout에 경계선을 적용할 때 (연한 회색의 테두리 설정)

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle">
            <solid android:color="#d7d7d7" />
        </shape>
    </item>
    
    <item
        android:top="1dp"
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp">
    <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
        </shape>
    </item>

</layer-list>

색이나 적용 범위, 두께 등을 자유롭게 설정할 수 있다.

LinearLayout뿐만 아니라 다른 Layout이나 버튼 등 다양하게 적용할 수 있다.

 

2-2. 버튼 테두리 모양 설정 (파란 둥근 모서리 설정)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    
    <solid android:color="android:color/transparent"/>
    
    <corners android:radius="20dp" />
    
    <stroke
        android:width="1dp"
        android:color=#0080FF" />

</shape>

배경색, 테두리 두께, 테두리색, 테두리의 둥근 정도를 자유롭게 설정할 수 있다.

특히 테두리는 아래와 같이 각각 설정 가능하다.

<corners android:bottomRightRadius="10dp"
        android:bottomLeftRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp"/>

부록. values의 colors 설정하기 (커스텀 컬러 저장)

원하는 색을 스포이드로 고르고, 앞으로도 쓸 예정이 있을 경우

values폴더의 colors.xml에 코드를 입력해 놓으면 쉽게 사용할 수 있다.

colors.xml

<color name="blue">#0080FF</color>

사용시(activity_main.xml)

android:textColor="@color/blue"