Android动画可见性同时更改两个视图

时间:2016-09-07 11:43:21

标签: android android-layout android-animation

我想在点击Viewpager时立即隐藏两个视图(LinearLayoutButton)。我尝试使用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()调用链接起来同时触发它们?

编辑:这是我的布局文件,我想同时隐藏的ViewsViewpager,其中包含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>

3 个答案:

答案 0 :(得分:1)

由于您没有发布布局,如果您可以将ViewPager和LinearLayout放在一个布局中(例如在RelativeLayout内),那么您可以为其设置动画。

答案 1 :(得分:0)

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

也许这个?

答案 2 :(得分:0)

您可以为父LinearLayout设置动画,其中的所有视图都将使用它进行动画处理:

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

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

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

看起来他们正在同时消失。