Question

我目前正在尝试实现某种动画：我有一个视图（LinearLayout）应该在按下fab按钮时隐藏/显示，并且此视图（LinearLayout）下方的视图（RecyclerView）应该伸长或缩短，以便它再次适合屏幕。 LinearLayout正在被推高，因此下面的RecyclerView应该以完美的方式伸长，这样看起来它们会粘在一起。

目前我有自定义动画，如下所示：

slide_down.xml

<translate
    android:duration="1000"
    android:fromYDelta="-100%"
    android:toYDelta="0" />

slide_up.xml

<translate
    android:duration="1000"
    android:fromYDelta="0"
    android:toYDelta="-100%"/>

布局：

<FrameLayout 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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="app.chrono.worker.TabbedActivity">


<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:layout_marginBottom="?attr/actionBarSize">

    <!-- THIS ONE IS THE LINEAR LAYOUT I WAS TALKING ABOUT -->
    <LinearLayout
        android:id="@+id/ll_search_whole"
        android:layout_width="match_parent"
        android:layout_height="@dimen/search_grid"
        android:animateLayoutChanges="true"
        android:background="@color/colorPrimary"
        android:orientation="horizontal">


        <LinearLayout
            android:id="@+id/ll_search"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:orientation="horizontal"
            android:paddingBottom="2dp"
            android:paddingLeft="3dp"
            android:paddingRight="3dp"
            android:paddingTop="2dp"
            android:weightSum="2">

            <!-- took out some code here -->


        </LinearLayout>

    </LinearLayout>

<!-- THIS IS THE RECYCLERVIEW -->
<android.support.v7.widget.RecyclerView
    android:id="@+id/rv"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clipChildren="false"
    android:clipToPadding="false"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    android:layout_below="@id/ll_search_whole"
    >

</android.support.v7.widget.RecyclerView>
</RelativeLayout>

尽管如此，RecyclerView的行为迟缓并且根本不会影响LinearLayout。

如何实现我想要的动画？

Answer 1

为什么不使用Transitions框架？对于这种方法，父RelativeLayout需要一个id，让我们假设android:id="@+id/sceneRoot"。我们将所有相关的View设置为Activity / Fragment的字段：

private ViewGroup sceneRoot = (ViewGroup)findViewById(R.id.sceneRoot);
private View ll_search_whole = findViewById(R.id.ll_search_whole);

以下是隐藏LinearLayout：

的方法

TransitionSet tSet = new TransitionSet();
tSet.addTransition(new Fade());
tSet.addTransition(new ChangeBounds());

TransitionManager.beginDelayedTransition(sceneRoot, tSet);
ll_search_whole.setVisibility(View.GONE);

这应该会产生平滑的动画效果。如果ViewGroup与RecyclerView转换类似，那么可以尝试在其上调用setTransitionGroup(true);。

当另一个被隐藏时，伸长视图

1 个答案: