从 GONE 到 VISIBLE 的 Android 可见性第一次不起作用

Question

您好，我尝试制作的动画有问题。

我使用这个库AndroidViewAnimations。

这是我的布局 xml 代码：

    <Button
         android:id="@+id/buttonDetails"
         style="@style/Button_Details"/>

    <LinearLayout
        android:id="@+id/linearLayoutDetails"
        android:visibility="gone"
        style="@style/LinearLayout_Details">

        <CheckBox
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/checkbox_clmn_text"
            android:checked="true"/>
        <CheckBox
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/checkbox_clme_text"
            android:checked="true"/>
        <CheckBox
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/checkbox_clmn_text"
            android:checked="true"/>
        <CheckBox
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/checkbox_clmn_text"
            android:checked="true"/>
        <CheckBox
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/checkbox_clmn_text"
            android:checked="true"/>
        <CheckBox
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/checkbox_clmn_text"
            android:checked="true"/>

    </LinearLayout>

这里是我的 java 代码：

// Declare Variables
@ViewById
LinearLayout linearLayoutDetails;

@Click
void buttonDetails() {
    // Checks Linear Layout Visibility
    if (linearLayoutDetails.getVisibility() == View.GONE) {
        // Sets linearLayoutDetails Visibility to VISIBLE
        linearLayoutDetails.setVisibility(View.VISIBLE);
        // Makes Appear Animation
        YoYo.with(Techniques.SlideInDown)
                .duration(700)
                .playOn(linearLayoutDetails);
    } else {
        linearLayoutDetails.setVisibility(View.GONE);
    }
}

现在的问题是我第一次按下按钮时动画不工作，但之后每隔一次工作。

我做了一些研究，发现问题是我将可见性设置为消失了，如果我将其设置为不可见，它从第一次开始就可以正常工作。问题是我不希望可见性不可见而是消失，因为我不希望线性布局在隐藏时占用空间。

有什么想法吗？

Answer 1

几分钟前我刚刚使用 ViewTreeObserver 解决了问题。在下面的示例中，变量currentMode 是我想要动画进出的视图。它的默认值是“gone”，我遇到了与您完全相同的问题。

我是这样解决的：

ViewTreeObserver vto = currentMode.getViewTreeObserver();
vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        if(currentMode.isShown()) {
            YoYo.with(Techniques.SlideInDown).duration(250).playOn(currentMode);
        }
    }
});
currentMode.setVisibility(mShouldShowMode ? View.VISIBLE : View.GONE);

使用 ViewTreeObserver 我们可以观察 UI 的全局变化，然后做出反应。 View.isShown() 方法检查它是否可见。如果是这样，然后我开始动画。这对我很有用。

然后对于退出动画，您必须像这样将侦听器附加到退出动画：

YoYo.with(Techniques.SlideOutUp).duration(250).withListener(new Animator.AnimatorListener() {
    @Override
    public void onAnimationStart(Animator animation) {

    }

    @Override
    public void onAnimationEnd(Animator animation) {
        currentMode.setVisibility(View.GONE);
    }

    @Override
    public void onAnimationCancel(Animator animation) {

    }

    @Override
    public void onAnimationRepeat(Animator animation) {

    }
}).playOn(currentMode);

Answer 2

解决方法：

boolean firstTIme = true;

(...)

@Click
void buttonDetails() {
    // Checks Linear Layout Visibility
    if (linearLayoutDetails.getVisibility() == View.GONE || firstTIme) {
        firstTIme = false;
        linearLayoutDetails.setVisibility(View.VISIBLE);
        YoYo.with(Techniques.SlideInDown)
                .duration(700)
                .playOn(linearLayoutDetails);
    } else {
        linearLayoutDetails.setVisibility(View.GONE);
    }
}

Answer 3

如果您使用的是 YoYo 库，那么试试这个。

            YoYo.with(Techniques.SlideInDown)
            .duration(400)
            .withListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animation) {

                }

                @Override
                public void onAnimationEnd(Animator animation) {
                        //this will do the trick
                        YoYo.with(Techniques.Landing)
                            .duration(1)
                            .playOn(view);
                }

                @Override
                public void onAnimationCancel(Animator animation) {

                }

                @Override
                public void onAnimationRepeat(Animator animation) {

                }
            })
            .playOn(view);

您也可以将其用于任何视图对象上的连续动画。

Answer 4

我遇到了类似的问题，即使答案被接受，我也无法正常工作。所以我这样做了

TransitionInflater inflater = TransitionInflater.from(context);
Transition transition = inflater.inflateTransition(R.transition.yoyo_transition);
transition.addListener(new Transition.TransitionListener() {
         ...  
        @Override
        public void onTransitionEnd(Transition transition) {
            do_stuff_with_yoyo();
        }
        ...
    });

TransitionManager.beginDelayedTransition((ViewGroup) getRootView(), transition);
yoyo.setVisibility(View.VISIBLE);

yoyo_transition.xml

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">

    <changeBounds android:duration="0">
        <targets>
            <target android:targetId="@+id/yoyo_id"></target>
        </targets>
    </changeBounds>

    <fade android:duration="0">
        <targets>
            <target android:targetId="@+id/yoyo_id"></target>
        </targets>
    </fade>

</transitionSet>