3. 프래그먼트를 동적으로 추가 및 삭제하기

3. 프래그먼트를 동적으로 추가 및 삭제하기 

앞에서는 프래그먼트를 레이아웃 XML 파일안에 직접 기술했지만 이번에는 동적으로 프래그먼트를 추가하고 삭제 해봅니다.

추가,삭제 버튼을 누르면 각각 프래그먼트가 추가되거나 삭제되고 순서를 알 수 있도록 x 번째 프래그먼트 라는 문자열을 표시 합니다. 

activity_main.xml

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <Button
            android:id="@+id/add_button"
            android:text="추가"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <Button
            android:id="@+id/remove_button"
            android:text="삭제"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>
</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {

    private static final String FRAGMENT_TAG = "FRAGMENT_TAG";
    private static final String KEY_NUMBER = "KEY_NUMBER";
    private int mNumber = 0;
    private FragmentManager.OnBackStackChangedListener mListener = new FragmentManager.OnBackStackChangedListener() {
        @Override
        public void onBackStackChanged() {
            FragmentManager fragmentManager = getSupportFragmentManager();
            int count = 0;
            for (Fragment f: fragmentManager.getFragments()) {
                if (f != null) {
                    count++;
                }
            }
            mNumber = count;
            Log.d("MainActivity", "onBackStackChanged mNumber=" + mNumber);
        }
    };

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

        findViewById(R.id.add_button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                FragmentManager fragmentManager = getSupportFragmentManager();
                fragmentManager.beginTransaction()
                        .add(R.id.fragment_container, MyFragment.getInstance(mNumber))
                        .addToBackStack(null)
                        .commit();
            }
        });
        findViewById(R.id.remove_button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mNumber == 0) {
                    return;
                }
                FragmentManager fragmentManager = getSupportFragmentManager();
                fragmentManager.popBackStack();
            }
        });

        FragmentManager fragmentManager = getSupportFragmentManager();
        fragmentManager.addOnBackStackChangedListener(mListener);
        Fragment fragment = fragmentManager.findFragmentByTag(FRAGMENT_TAG);
        Log.d("MainActivity", "onCreate fragment=" + fragment + ", mNumber=" + mNumber);
        if (savedInstanceState == null) {
            fragmentManager.beginTransaction()
                    .add(R.id.fragment_container, MyFragment.getInstance(mNumber), FRAGMENT_TAG)
                    .addToBackStack(null)
                    .commit();
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        FragmentManager fragmentManager = getSupportFragmentManager();
        fragmentManager.removeOnBackStackChangedListener(mListener);
    }

    @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putInt(KEY_NUMBER, mNumber);
    }

    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState) {
        super.onRestoreInstanceState(savedInstanceState);
        mNumber = savedInstanceState.getInt(KEY_NUMBER);
    }
}

frgment_my.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="test" />

</FrameLayout>

MyFragment.java

public class MyFragment extends Fragment {

    private static final String ARG_NO = "ARG_NO";

    public MyFragment() {
    }

    public static MyFragment getInstance(int no) {
        MyFragment fragment = new MyFragment();
        Bundle args = new Bundle();
        args.putInt(ARG_NO, no);
        fragment.setArguments(args);
        return fragment;
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_my, container, false);
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        int no = getArguments().getInt(ARG_NO, 0);
        String text = "" + no + "번째 프래그먼트";
        Log.d("MyFragment", "onCreate " + text);
    }

    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        TextView textView = (TextView) view.findViewById(R.id.text);
        int no = getArguments().getInt(ARG_NO, 0);
        String text = "" + no + "번째 프래그먼트";
        Log.d("MyFragment", "onViewCreated " + text);
        textView.setText(text);
    }
}

추가버튼이 눌리면 Fragment를 추가 합니다. 여기서는 다음 3가지를 알아 두면 됩니다.

1. 프래그먼트 추가와 삭제는 트랙잭션 단위로 한다

2. 프래그먼트 추가는 ViewGroup에 한다. 이 예에서는 LinearLayout 사용

3. 액티비티와 마찬가지로 백스택이 있다

삭제 버튼을 누려면 백스택으로부터 pop하고 한 단계 이전 상태로 돌아갑니다. 

다시말해 추가된 프래그먼트가 삭제 됩니다. 

여기서 한가지 더 고민해봐야 될 부분이 동적으로 액티비티가 재생성될 경우에는 

어떻게 될까요? 사실은 액티비티와 마찬가지로 프래그먼트도 재생성됩니다. 

그렇다면 프래그먼트를 재생성할 때 초깃값을 설정함으로써 해결할 수 있습니다. 

재생성 시에는 getArguments()를 호출해 설정한 값을 가져올 수 있습니다. 

팩토리 메서드를 사용해 프래그먼트를 생성합는 방법은 관용구처럼 기억해 두면 좋습니다.

MainActiviy.java

@Override
public void onSaveInstanceState(Bundle outState) {
    super.onSaveInstanceState(outState);
    outState.putInt(KEY_NUMBER, mNumber);
}

@Override
protected void onRestoreInstanceState(Bundle savedInstanceState) {
    super.onRestoreInstanceState(savedInstanceState);
    mNumber = savedInstanceState.getInt(KEY_NUMBER);
}

onSaveInstanceState() / onRestoreInstanceState() 는 사용자가 뒤로가기 키로 액티비티를 명시적으로 폐기한 경우에는 호출되지 않습니다.  영속적으로 저장하고 싶은 데이터는 onPause 시점에서 저장해두면 됩니다. 

MyFragment.java

public static MyFragment getInstance(int no) {
    MyFragment fragment = new MyFragment();
    Bundle args = new Bundle();
    args.putInt(ARG_NO, no);
    fragment.setArguments(args);
    return fragment;
}