Объединение нескольких анимаций с помощью набора ограничений - PullRequest
Новая
       1

Объединение нескольких анимаций с помощью набора ограничений

0 голосов
/ 14 сентября 2018

Я пытаюсь сделать анимацию с несколькими кадрами / макетами.

Вот моя попытка, но безуспешно: 

final Handler handler = new Handler();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {

                mConstraintSet.clone(Activity.this,R.layout.include_keyframe_2);
                TransitionManager.beginDelayedTransition(mConstraintLayout);
                mConstraintSet.applyTo(mConstraintLayout);
            }
        }, 500);

        final Handler handler2 = new Handler();
        handler2.postDelayed(new Runnable() {
            @Override
            public void run() {

                mConstraintSet.clone(Activity.this,R.layout.include_keyframe_3);
                TransitionManager.beginDelayedTransition(mConstraintLayout);
                mConstraintSet.applyTo(mConstraintLayout);
            }
        }, 2000);

        final Handler handler3 = new Handler();
        handler3.postDelayed(new Runnable() {
            @Override
            public void run() {

                mConstraintSet.clone(Activity.this,R.layout.include_keyframe_4);
                TransitionManager.beginDelayedTransition(mConstraintLayout);
                mConstraintSet.applyTo(mConstraintLayout);
            }
        }, 5000);

Можно ли сделать что-то подобное?

1 Ответ

0 голосов
/ 15 сентября 2018

Существует этот рекурсивный способ, который лучше, чем использование обработчиков. 

//CALL THIS WHEREVER YOU WANT
animate(500, R.layout.include_keyframe_2);

private void animate(final int delay, final int keyframe){
    mConstraintSet.clone(this, keyframe);

    AutoTransition transition = new AutoTransition();
    transition.setStartDelay(delay);
    transition.addListener(new Transition.TransitionListener() {
        @Override
        public void onTransitionStart(Transition transition) { }

        @Override
        public void onTransitionEnd(Transition transition) {
            int targetKeyframe;
            switch (keyframe){
                case R.layout.include_keyframe_2:
                    animate(1500, include_keyframe_3);
                    break;
                case R.layout.include_keyframe_3:
                    animate(2500, include_keyframe_4);
                    break;
            }
        }

        @Override
        public void onTransitionCancel(Transition transition) { }

        @Override
        public void onTransitionPause(Transition transition) { }

        @Override
        public void onTransitionResume(Transition transition) { }
    });
    TransitionManager.beginDelayedTransition(mConstraintLayout, transition);

    mConstraintSet.applyTo(mConstraintLayout);
}

Другое решение включает использование класса TransitionSet. Это зависит от содержимого xml ключевых кадров. 

    mConstraintSet.clone(this, R.layout.example);

    TransitionSet transition = new TransitionSet();
    transition.setOrdering(TransitionSet.ORDERING_SEQUENTIAL);
    transition
            .addTransition(fadeOut)
            .addTransition(changeBounds)
            .addTransition(fadeIn);
    TransitionManager.beginDelayedTransition(mConstraintLayout, transition);

    mConstraintSet.applyTo(mConstraintLayout);
...