안드로이드에서 코드로 배경 드로어블(Drawable) 동적으로 설정하는 방법

안드로이드에서 프로그래밍 방식으로 배경 드로어블 설정하기

이 튜토리얼에서는 안드로이드 앱에서 자바 코드를 사용해 뷰의 배경 드로어블을 동적으로 변경하는 방법을 단계별로 알아봅니다. 버튼을 클릭하면 화면 전체 배경 이미지가 바뀌는 간단한 예제를 직접 만들어 보겠습니다.

1단계 — 새 프로젝트 생성

Android Studio를 실행한 후 File → New Project를 선택하고, 프로젝트 생성에 필요한 정보를 모두 입력해 새 프로젝트를 만듭니다.

2단계 — 레이아웃 파일 작성

res/layout/activity_main.xml 파일에 아래 코드를 추가합니다. 배경을 변경할 RelativeLayout과 클릭 이벤트를 받을 Button 하나로 구성되어 있습니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/rl"
    tools:context=".MainActivity">
    <Button
        android:text="Set Drawable"
        android:id="@+id/btnSetDrawable"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10dp"/>
</RelativeLayout>

3단계 — MainActivity 작성

src/MainActivity.java 파일에 아래 코드를 추가합니다.

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RelativeLayout;

public class MainActivity extends AppCompatActivity {
    Button button;
    RelativeLayout relativeLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        relativeLayout = findViewById(R.id.rl);
        button = findViewById(R.id.btnSetDrawable);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                relativeLayout.setBackgroundResource(R.drawable.image);
            }
        });
    }
}

여기서 핵심 메서드는 setBackgroundResource()입니다. 이 메서드는 드로어블 리소스의 ID를 인자로 받아 해당 뷰의 배경으로 즉시 지정합니다. 참고로 최신 프로젝트에서는 지원이 종료된 android.support.v7 대신 androidx.appcompat.app.AppCompatActivity를 사용하는 것이 좋습니다.

4단계 — 매니페스트 파일 확인

androidManifest.xml에 아래 코드가 포함되어 있는지 확인합니다.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android" package="app.com.sample">
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

앱 실행 및 결과 확인

이제 애플리케이션을 실행해 보겠습니다. 실제 안드로이드 기기가 컴퓨터에 연결되어 있다고 가정합니다. Android Studio에서 프로젝트의 액티비티 파일 중 하나를 연 뒤 툴바의 Run 아이콘을 클릭하고, 목록에서 본인의 모바일 기기를 선택하세요. 그러면 기기 화면에 아래와 같은 초기 화면이 표시됩니다.

화면의 Set Drawable 버튼을 누르면 onClick() 콜백이 호출되고, setBackgroundResource(R.drawable.image)에 의해 RelativeLayout의 배경이 지정된 이미지로 즉시 변경되는 것을 확인할 수 있습니다.