DialogFragment

DialogFragment Customize

 

오늘은 DialogFragment를 커스텀 하는법에 대해 알아보겠다.

 

1. 다이얼로그를 띄울 xml 레이아웃에 버튼을 만들어준다.

2.  다이얼로그 xml 레이아웃 구현

3.  DialogFragment를 상속받는 클래스 구현

4.  1번의 프래그먼트에 3번을 연결한다. 

 

 

1.  fragment_main.xml 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <Button
        android:id="@+id/f_show_btn"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:text="Show" />
        
</androidx.constraintlayout.widget.ConstraintLayout>

 

 

2.  dialog_receiver.xml

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

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:gravity="center"
        android:textSize="16dp"
        android:text="받는 사람"
        android:background="@color/colorPrimary"/>
    <Spinner
        android:id="@+id/dialog_receiver"
        android:layout_width="match_parent"
        android:layout_height="50dp"/>

    <LinearLayout
        android:layout_marginTop="135dp"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:orientation="horizontal">
        <Button
            android:id="@+id/dialog_receiver_ok_btn"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_weight=".5"
            android:gravity="center"
            android:text="확인"
            android:textSize="16dp"
            android:background="@color/colorPrimary"/>
        <View
            android:layout_width="3dp"
            android:layout_height="match_parent"
            android:background="#ffffff" />
        <Button
            android:id="@+id/dialog_receiver_cancle_btn"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_weight=".5"
            android:gravity="center"
            android:text="취소"
            android:textSize="16dp"
            android:background="@color/colorPrimary"/>
    </LinearLayout>

</LinearLayout>

 

 

3.  LetterReceiverDialog.java

public class LetterReceiverDialog extends DialogFragment implements View.OnClickListener {

    public static final String TAG_EVENT_DIALOG = "dialog_event";

    public LetterReceiverDialog(){}

    public static LetterReceiverDialog getInstance(){
        LetterReceiverDialog letterReceiverDialog = new LetterReceiverDialog();
        return letterReceiverDialog;
    }


    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.dialog_receiver, container);
        Spinner mSpinner = (Spinner)v.findViewById(R.id.dialog_receiver);

        ArrayAdapter<String> mAdapter = new ArrayAdapter<String>(getActivity(),
               						    android.R.layout.simple_spinner_item,
              						    getResources().getStringArray(R.array.testSpinner));
        mAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        mSpinner.setAdapter(mAdapter);

        Button mOkBtn = (Button)v.findViewById(R.id.dialog_receiver_ok_btn);
        Button mCancleBtn = (Button)v.findViewById(R.id.dialog_receiver_cancle_btn);
        mOkBtn.setOnClickListener(this);
        mCancleBtn.setOnClickListener(this);
        
        //화면터치시 꺼짐 막기
        setCancelable(false);

        return v;
    }

    @Override
    public void onClick(View v) {
        dismiss();
    }

	//다이얼로그 사이즈 조절
    @Override
    public void onResume() {
        super.onResume();
        Window window = getDialog().getWindow();
        if(window == null) return;
        WindowManager.LayoutParams params = window.getAttributes();
        params.width = 1000;
        params.height = 1000;
        window.setAttributes(params);
    }
}

 

 

 

4.  FragmentMain.java

onCreateView() 밑에 작성해준다.

        Button mAddBtn = (Button)v.findViewById(R.id.f_show_btn);
       
        mAddBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                LetterReceiverDialog mletterReceiverDialog = LetterReceiverDialog.getInstance();
                mletterReceiverDialog.show(getFragmentManager(), LetterReceiverDialog.TAG_EVENT_DIALOG);
            }
        });

 

 

---

다이얼로그 상자를 디스플레이의 비율에 따라 일정한 크기로 만들고싶었는데 잘안되었다 ㅜㅜ

display의 x,y값을 받아올수있는 함수를 fragment에서 구현해보아야겠다. ( dimen 으로  %를 줘보려했지만...ㅋㅋ)

요번주 Firebase DB에 값넣을때 손봐야겠다. 

 

 

 

---

<개발환경>

java version "1.8.0_271"

android API 10.0 (Q)

android studio "4.0.1"

 

<참고>

developer.android.com/guide/topics/ui/dialogs?hl=ko

대화상자  |  Android 개발자  |  Android Developers

developer88.tistory.com/132

pluu.github.io/blog/rxjava/2017/02/04/android-alertdialog

rmirabelle.medium.com/how-to-set-dialogfragment-width-and-height-733c5b174178