안드로이드 AlertDialog에 커스텀 뷰(Custom View)를 추가하는 방법

이 튜토리얼에서는 안드로이드의 AlertDialog(경고 대화 상자)에 사용자가 직접 만든 커스텀 뷰를 추가하는 방법을 단계별로 알아봅니다. 기본 다이얼로그에는 단순한 메시지만 표시할 수 있지만, 커스텀 뷰를 활용하면 EditText, Switch 등 다양한 위젯을 자유롭게 배치할 수 있습니다.

1단계: 새 프로젝트 생성

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

2단계: activity_main.xml 레이아웃 작성

res/layout/activity_main.xml 파일에 아래 코드를 추가합니다.

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android"
    android:layout_width = "match_parent"
    android:gravity = "center"
    android:layout_height = "match_parent">
    <TextView
        android:id = "@+id/click"
        android:layout_width = "wrap_content"
        android:textSize = "30sp"
        android:layout_height = "wrap_content"
        android:text = "Click"/>
</LinearLayout>

위 코드에서는 화면 중앙에 클릭 가능한 TextView 하나를 배치했습니다. 이 TextView를 누르면 커스텀 뷰가 포함된 AlertDialog가 나타나도록 구현할 것입니다.

3단계: MainActivity.java 코드 작성

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

package com.example.myapplication;
import android.annotation.TargetApi;
import android.content.DialogInterface;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.EditText;
import android.widget.Switch;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    TextView text;
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        text = findViewById(R.id.click);
        text.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showAlertDialog();
            }
        });
    }
    private void showAlertDialog() {
        AlertDialog.Builder alertDialog = new AlertDialog.Builder(MainActivity.this);
        final View customLayout = getLayoutInflater().inflate(R.layout.custom, null);
        alertDialog.setView(customLayout);
        alertDialog.setPositiveButton("OK", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                // AlertDialog에서 Activity로 데이터 전달
                EditText editText = customLayout.findViewById(R.id.editText);
                Toast.makeText(MainActivity.this,editText.getText().toString(),Toast.LENGTH_LONG).show();
            }
        });
        AlertDialog alert = alertDialog.create();
        alert.setCanceledOnTouchOutside(false);
        alert.show();
    }
}

코드 핵심 설명

위 코드의 핵심은 getLayoutInflater().inflate(R.layout.custom, null)을 통해 별도로 준비한 커스텀 레이아웃 XML을 객체로 변환(inflate)한 뒤, setView() 메서드로 AlertDialog에 연결하는 부분입니다. 또한 OK 버튼 클릭 시 커스텀 레이아웃 안의 EditText 값을 읽어와 Toast 메시지로 화면에 출력하며, setCanceledOnTouchOutside(false) 설정으로 다이얼로그 바깥 영역을 터치해도 닫히지 않도록 처리했습니다.

4단계: 앱 실행 및 결과 확인

애플리케이션을 실행해 보겠습니다. 실제 안드로이드 모바일 기기를 컴퓨터에 연결했다고 가정합니다. Android Studio에서 앱을 실행하려면 프로젝트의 액티비티 파일 중 하나를 연 후, 툴바에서 Run(실행) 아이콘을 클릭합니다. 옵션 목록에서 자신의 모바일 기기를 선택하면, 모바일 기기에 아래와 같은 기본 화면이 표시됩니다.

이제 화면의 TextView를 클릭하면 아래와 같이 커스텀 뷰가 포함된 Alert Dialog가 열립니다.

다이얼로그의 OK 버튼을 클릭하면, 입력한 내용이 Toast 메시지로 아래와 같이 표시됩니다.