Question

我已经实现了一个横幅，当用户丢失连接时会弹出一个横幅。当重新连接时，另一个横幅显示几秒钟并消失。

布局是RelativeLayout，警告*带有灰色TextView，重新连接消息带有绿色TextView。

如果我只是改变了Visibility.GONE和Visibility.VISIBLE，那么一切正常。

但我想做得更漂亮，所以我添加了一些动画。我在这里遇到了一个奇怪的问题。 在第一次执行时，一切都按预期工作。执行后无效。

我希望在重新连接发生时同时为两个文本视图设置动画。因此灰色textview淡出，而绿色textview淡入（同时）。这只是在第一次执行时才有效。下一次它会执行：：首先灰色文本视图淡出，然后，绿色文本视图逐渐消失。我不希望它具有某种意义。

我已将视频上传到Youtube（30秒），以便您可以看到效果。先工作，然后不工作。观看此内容比阅读我的描述更容易：https://youtu.be/rD1ZNzKen0U

Crossfade方法是所有魔法发生的地方。如您所见，view.animate（）在两个线程内调用。最初我实现了完全相同的代码，但没有线程，因为animate（）方法应该是异步的。但我对这个问题感到疯狂，所以我试着这样做。我还尝试在设置每个动画之前执行view.clearAnimations（）。但没什么。

private void crossfade() {
    final int animationDuration = 600;

    // Set the view to 0% opacity but visible, so that it is visible (but fully transparent) during the animation.
    bannerNetworkConnected.setAlpha(0f);
    bannerNetworkConnected.setVisibility(View.VISIBLE);

    bannerNetworkDisconnected.animate()
            .alpha(0f)
            .setDuration(animationDuration)
            .setListener(null);

    bannerNetworkConnected.animate()
            .alpha(1f)
            .setDuration(animationDuration)
            //  .setListener(null);
            .setListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    dissapearFadding();
                }
            });

    flipper.stopFlipping();
}

解除重新连接的横幅的方法：

private void dissapearFadding() {
    bannerNetworkConnected.animate()
            .alpha(0f)
            .setDuration(300)
            .setStartDelay(1500)
            .setListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    bannerNetworkDisconnected.setVisibility(View.GONE);
                    container.setVisibility(View.GONE);
                    bannerNetworkConnected.setVisibility(View.GONE);
                }
            });
}

网络交换接收器：

public void networkStateChange(boolean connected) {
    Log.i(MainActivity.TAG, "MainActivity.networkStateChange() " + connected);
    //bannerNetworkDisconnected.setVisibility(connected ? View.GONE : View.VISIBLE);

    if (bannerNetworkDisconnected != null && bannerNetworkConnected != null) {
        bannerNetworkDisconnected.clearAnimation();
        bannerNetworkConnected.clearAnimation();

        if (!connected) {
            appearFromTop();
        } else if (connected && bannerNetworkDisconnected.getVisibility() == View.VISIBLE) {
            crossfade();
        } else {
            container.setVisibility(View.GONE);
            bannerNetworkConnected.setVisibility(View.GONE);
            bannerNetworkDisconnected.setVisibility(View.GONE);
            flipper.stopFlipping();
        }
    }
}

横幅XML：

    <RelativeLayout
    android:id="@+id/banner_network_container"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:visibility="gone">

    <TextView
        android:id="@+id/banner_network_disconnected"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="No connection. Retrying..."
        android:textColor="#F0F0F0"
        android:visibility="gone"/>

    <TextView
        android:id="@+id/banner_network_connected"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#44bb44"
        android:text="Reconnected!"
        android:textColor="#F0F0F0"
        android:visibility="gone"/>
</RelativeLayout>

我已经创建了一个新项目并为此复制了所有代码，问题仍然存在。如果你想在这里检查整个类，你在github上有整个项目： https://github.com/rolgalan/NetworkBanner

我真的很感激这方面的任何帮助，因为我现在花了太多时间来解决这个问题而且我变得疯狂了。这真的很奇怪，因为它实际上执行了两个动画......但是一个接一个地执行，而不是像第一次执行那样并行执行它们。

*实际上警告横幅比简单的TextView（LinearLayout）要复杂一些，因为我想要“重试...”文本的闪烁效果。但我们不应该关心这一点。

Answer 1

这对我很有意思，因为我几分钟刚回答了另一个与你的问题完全相同的问题：

请从这里阅读我的答案： Why does running a second viewpropertyanimation on a view break the animation listeners?

所以根据我在那里解释的，修复很容易：

添加.setStartDelay(0)
至crossFade() -> bannerNetworkConnected.animate()

所以它会重置延迟并且它们可以一起运行。

首次执行后，Android view.animate（）的工作方式有所不同

1 个答案: