Android动画的可见性改变为两个视图一次

Question

我想在单击Button时立即隐藏两个视图(Viewpager和LinearLayout)。我尝试使用android:animateLayoutChanges="true"，但它总是开始隐藏Viewpager，然后LinearLayout，这看起来不太好。

如何同时手动隐藏两个视图?我看到过这样的例子，一个视图的可见性被改变了:

myImageView.animate()
        .translationY(myImageView.getHeight())
        .alpha(0.0f)
        .setDuration(300)
        .setListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                myImageView.setVisibility(View.GONE);
            }
        });

是否有一种方法来链两个不同的Views的animate()调用同时触发它们?

编辑:这是我的布局文件，Views我想隐藏在同一时间是Viewpager与id viewpager和LinearLayout与id ll_indicators:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:animateLayoutChanges="true"
    android:fitsSystemWindows="true"
    android:orientation="vertical">
    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />
    <include
        android:id="@+id/tv_statusbar"
        layout="@layout/layout_statusbar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/statusbar_height" />
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:textColor="@color/black"
        android:text="@string/some_text"
        android:padding="10dp"
        android:textSize="@dimen/fontSizeMedium"
        android:gravity="center_horizontal"
        android:layout_height="wrap_content" />
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
    <LinearLayout
        android:id="@+id/ll_indicators"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/intro_indicator_0"
            android:layout_width="8dp"
            android:layout_height="8dp"
            android:layout_marginEnd="@dimen/activity_margin_half"
            android:layout_marginRight="@dimen/activity_margin_half"
            android:background="@drawable/indicator_unselected" />
        <ImageView
            android:id="@+id/intro_indicator_1"
            android:layout_width="8dp"
            android:layout_height="8dp"
            android:layout_marginEnd="@dimen/activity_margin_half"
            android:layout_marginRight="@dimen/activity_margin_half"
            android:background="@drawable/indicator_unselected" />
    </LinearLayout>
    <include
        android:id="@+id/ll_login"
        android:layout_weight="0"
        layout="@layout/item_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </include>
</LinearLayout>

Answer 1

既然你没有张贴你的布局，如果你可以把你的ViewPager和LinearLayout在一个布局，(例如在RelativeLayout)，然后你可以动画

Answer 2

if( A.isShowing && B.isSowing(
A.hide
b.hide
)

也许这吗?

Answer 3

你可以只给父LinearLayout添加动画，它里面的所有视图都会跟着添加动画:

yourLinearLayout.animate().setDuration(300).alpha(0).   ...

，或者同时在两个视图上调用animate():

  yourImageView.animate().alpha(0).    ...
  yourLinearLayout.animate().alpha(0).    ...

看起来好像它们同时消失了