(Android) Dialog Fragment 구현 방법 및 예제

Android Dialog Fragment

• Android에서 팝업창을 통해서 간단하게 사용자의 입력을 받을 때 Dialog 라는 컴포넌트를 사용합니다.
  • Dialog의 형태는 여러가지임

Dialog 예

• 이때 Dialog를 Fragment 형태로 구현하는 방법에 대해서 알아보려고 합니다.

---

구현방법

• 기능은 간단하게 EditText에 값을 입력할 수 있도록 하고 확인, 취소 버튼을 추가해보겠습니다.

dialog_add_name.xml

• layout 입니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="64dp"
        android:background="#FFFFBB33"
        android:contentDescription="@string/app_name"
        android:scaleType="center"
         />

    <EditText
        android:id="@+id/id_txt_input"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="16dp"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="4dp"
        android:layout_marginTop="4dp"
        android:fontFamily="sans-serif"
        android:hint="EditText에 미리 나타는 값 입니다."
         />

</LinearLayout>

---

AddNameDialogFragment.java

• layout을 구성하는 Fragemnent 클래스로 확인, 취소 버튼의 Action에 대해서 지정해주고 있습니다. 
• NameInputListener는 외부에서 확인 버튼에 대한 이벤트 얻을 수 있는 Listener 인터페이스 입니다.

public class AddNameDialogFragment extends DialogFragment {
    private EditText mName;
    private NameInputListener listener;

    public static AddNameDialogFragment newInstance(NameInputListener listener) {
        AddNameDialogFragment fragment = new AddNameDialogFragment();
        fragment.listener = listener;
        return fragment;
    }

    public interface NameInputListener
    {
        void onNameInputComplete(String name);
    }
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState)
    {
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
        LayoutInflater inflater = getActivity().getLayoutInflater();
        View view = inflater.inflate(R.layout.dialog_add_name, null);
        mName = (EditText)view.findViewById(R.id.id_txt_input);
        builder.setView(view)
                .setPositiveButton("확인",
                        new DialogInterface.OnClickListener()
                        {
                            @Override
                            public void onClick(DialogInterface dialog, int id)
                            {
                                    listener.onNameInputComplete(mName
                                            .getText().toString());
                            }
                        }).setNegativeButton("취소", null);
        return builder.create();
    }
}

---

사용 예

• 외부에서 AddNameDialogFragment를 생성하고 onNameInputComplete(확인 버튼 클릭이 되었을 때) 이벤트 처리를 해주고 있는 예 입니다.

AddNameDialogFragment dialog = AddNameDialogFragment.newInstance(new AddNameDialogFragment.NameInputListener() {
                        @Override
                        public void onNameInputComplete(String name) {
                            if(name != null) {
                                
                               //name is Texted EditText
                            }
                        }
                    });
                    dialog.show(getFragmentManager(), "addDialog");

---

관련글

[Android] 폰 내에 저장되어 있는 음악 데이터 가져오기

[Android] Action Bar Hide가 안될 때( getActionBar() 가 null 일 때)

[Android] 안드로이드 6.0 이상 Wifi Scanning 하여 Dialog 에 보여주기

[Android] Jsoup 을 이용한 영어 단어 정보 Parsing

(Android) Tmap 경로 API를 통해 (출발, 도착)경로 Point 리스트 가져오기

(Android) Google Map 이동한 거리 선(polyline) 으로 그리기

---

끝으로

이 글이 도움이 되었다면, 하단의 Google 광고 👎👎👎 한번씩 클릭 부탁 드립니다. 🙏🙏🙏

광고 클릭은 많은 힘이 됩니다!