ConstraintLayout Animation -6

Layout XML 2벌을 이용한 애니메이션 효과

 

 

1) Before

 

 

 

2) After

 

 

 

 

 

코드

 

 

       //Origin Constraint Layout
       ConstraintLayout constraintLayout = (ConstraintLayout)_view.findViewById(R.id.const_main);

       //1. Create ConstraintSet
       ConstraintSet constraintSet_01 = new ConstraintSet();
       ConstraintSet constraintSet_02 = new ConstraintSet();

       //2. Clone
       constraintSet_01.clone(mConstraintLayout);
       constraintSet_02.clone(getContext(), R.layout.activity_constraint_after);   //After ConstraintLayout

 

    //ConstraintSet 2번으로 레이아웃 변경
    private void apply() {
        TransitionManager.beginDelayedTransition(mConstraintLayout);
        constraintSet_02.applyTo(mConstraintLayout); 
    }

    //ConstraintSet 1번으로 레이아웃 변경 (원래 레이아웃)
    private void reset() {
        TransitionManager.beginDelayedTransition(mConstraintLayout);
        constraintSet_01.applyTo(mConstraintLayout);
    }