안드로이드에서 ImageView를 지우는 방법 – 단계별 코드 예제

이 튜토리얼에서는 안드로이드 앱에서 ImageView에 표시된 이미지를 지우는 방법을 단계별로 살펴봅니다. 버튼을 클릭하면 ImageView의 배경 드로어블이 제거되어 화면에서 이미지가 사라지는 간단한 예제입니다.

핵심 원리

ImageView의 이미지를 지우는 핵심은 배경 드로어블을 null로 설정하는 것입니다. 자바 코드에서는 다음과 같이 처리합니다.

imageView.setBackgroundDrawable(null);

참고: setBackgroundDrawable()은 API 16부터 deprecated되었습니다. 최신 프로젝트에서는 setBackground(null) 또는 setImageDrawable(null)을 사용하는 것이 좋습니다.

1단계 — 새 프로젝트 만들기

Android Studio에서 File ⇒ New Project 메뉴로 이동한 뒤, 필요한 정보를 모두 입력하여 새 프로젝트를 생성합니다.

2단계 — 레이아웃 작성 (activity_main.xml)

res/layout/activity_main.xml 파일에 아래 코드를 추가합니다. 버튼 하나와 배경 이미지가 적용된 ImageView 하나로 구성되어 있습니다.

<?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"
    tools:context=".MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="40dp"
        android:onClick="ClickHere"
        android:text="Click here" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="@drawable/wallpaper" />

</RelativeLayout>

3단계 — MainActivity.java 작성

src/MainActivity.java 파일에 아래 코드를 추가합니다. 버튼이 클릭되면 ClickHere() 메서드가 호출되어 ImageView의 배경이 제거됩니다.

package app.com.sample;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView = findViewById(R.id.imageView);
    }

    public void ClickHere(View view) {
        imageView.setBackgroundDrawable(null);
    }
}

4단계 — AndroidManifest.xml 작성

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 아이콘을 클릭하세요. 실행 옵션에서 본인의 모바일 기기를 선택하면, 기본 화면이 표시된 앱이 기기에서 실행됩니다.

앱이 실행되면 "Click here" 버튼을 눌러보세요. 버튼을 클릭하는 순간 ImageView의 배경 이미지가 제거되어 화면에서 사라지는 것을 확인할 수 있습니다.