仅使用一个布局文件对constraintlayout转换进行动画化

Question

我一直使用两个布局文件使用constraintlayout动画

private void animate() {
        ConstraintSet set1 = new ConstraintSet();
        set1.clone(root);

        ConstraintSet set2 = new ConstraintSet();
        set2.clone(this, R.layout.layout_file_2);

        TransitionManager.beginDelayedTransition(root, transition);
        set2.applyTo(root);
}

然而，在布局中，我只更改了两个约束。我决定尝试以编程方式这样做，并且这样做了，这起作用了。

private void showHidden() {
        ConstraintLayout parentLayout = findViewById(R.id.root_constraint_layout);
        ConstraintSet constraintSet = new ConstraintSet();
        constraintSet.clone(parentLayout);
        constraintSet.connect(R.id.search_layout, ConstraintSet.TOP, R.id.toolbar_layout, ConstraintSet.BOTTOM);
        constraintSet.connect(R.id.search_layout, ConstraintSet.BOTTOM, R.id.root_constraint_layout, ConstraintSet.BOTTOM);
        constraintSet.applyTo(parentLayout);
}

然而，这不是动画。我试着像之前在第一个中那样进行动画（这次只使用了一个布局文件），结果是这样的

private void animate2() {
        ConstraintLayout parentLayout = findViewById(R.id.root_constraint_layout);
        ConstraintSet set1 = new ConstraintSet();
        set1.clone(parentLayout);

        ConstraintSet set2 = new ConstraintSet();
        set2.clone(parentLayout);

        set2.connect(R.id.search_layout, ConstraintSet.TOP, R.id.toolbar_layout, ConstraintSet.BOTTOM);
        set2.connect(R.id.search_layout, ConstraintSet.BOTTOM, R.id.root_constraint_layout, ConstraintSet.BOTTOM);

        Transition transition = new Slide(Gravity.END).setDuration(500);
        TransitionManager.beginDelayedTransition(parentLayout, transition);

        set2.applyTo(parentLayout);
 }

这与第二个一样工作，但没有显示动画，新的约束立即跳入适当的位置。有没有什么方法可以让动画工作不使用两个layoyuts？还是我做错了什么？多谢了。

Answer 1

您没有清除应用约束集得视图侧得约束.您可以使用

constraintSet.clear(view.Layout.id, ConstraintSet.LEFT) //You can change LEFT with whatever side you are choosing 

使用connect功能连接布局侧之前。

以下是以更好的方式获得它的完整代码：-

val constraintSet = ConstraintSet()
    constraintSet.clone(view.rootLayout)
    view.layout.animate().alpha(1f).duration = 700
    constraintSet.clear(view.layout.id, ConstraintSet.LEFT)
    constraintSet.connect(
        view.layout.id,
        ConstraintSet.RIGHT,
        ConstraintSet.PARENT_ID,
        ConstraintSet.RIGHT
    )
    view.layout.animate().translationX(resources.getDimension(R.dimen.zeroDP))
    val transition: Transition = ChangeBounds()
    transition.interpolator = EasingInterpolator(Ease.QUINT_OUT)
    transition.duration = 700
    TransitionManager.beginDelayedTransition(view.rootLayout, transition)
    constraintSet.applyTo(view.rootLayout)