쿠...sal: [컴][안드로이드] 롤리팝에서 Transition Animation 사용 하기

lollipop / 안드로이드 animation / android animation

예제로 알려주는 글

lgvalle/Material-Animations · GitHub

Fragment 변경시 animation

Fragment 를 replace 하는 주변(?)에 변환(transition) 과 관계된 animation 을 set 해주면 된다.

부분이 animation 을 위해 set 해준 부분이다.

/**
 * A placeholder fragment containing a simple view.
 */
@SuppressLint("ValidFragment")
public class PlaceholderFragment extends Fragment {

    public PlaceholderFragment() {
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_main, container, false);

        // Title of Recent Pods Grid
        View podsView = rootView.findViewById(R.id.rl_recent_pods);
        podsView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Title of Recent Pods Grid

                PodListFragment podListFragment = new MainActivity.PodListFragment();
                replaceFragment(v, R.id.rl_container_main, podListFragment, "tag_podlist");
            }
        });

        podsView.setTransitionName(Integer.toString(R.id.rl_recent_pods));





        return rootView;
    }


    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);



    }


    /**
     * @param newFragment : new fragment which will be injected
     */
    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    private void replaceFragment(View view, int containerId, PodListFragment newFragment, String tag) {

        // Set shared and scene transitions
        setSharedElementReturnTransition(
                TransitionInflater.from(getActivity()).inflateTransition(R.transition.trans_move));
        setExitTransition(TransitionInflater.from(getActivity()).inflateTransition(android.R.transition.explode));



        // Set shared and scene transitions on 2nd fragment
        newFragment.setSharedElementEnterTransition(TransitionInflater.from(getActivity()).inflateTransition(R.transition.trans_move));
        newFragment.setEnterTransition(TransitionInflater.from(getActivity()).inflateTransition(android.R.transition.explode));

        newFragment.setId(view.getTransitionName());

        android.support.v4.app.FragmentTransaction trans = getSupportFragmentManager().beginTransaction();
        trans.replace(containerId, newFragment, tag);
        trans.addToBackStack(null);
        trans.addSharedElement(view, view.getTransitionName());
        trans.commit();

    }

}


/**
 * A podlist fragment containing a simple view.
 */
public static class PodListFragment extends Fragment {


    private String id;

    public PodListFragment() {
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_podlist, container, false);
        rootView.findViewById(R.id.ll_podlist).setTransitionName(id);

        return rootView;
    }


    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);

    }

    public void setId(String id){
        this.id = id;
    }

}