"Expand more"动画

Question

我想做同样的动画谷歌:https://vid.me/9Wli

关于我的应用程序的快速解释:

在顶部我有一个AppBar，下面是一个LinearLayout，包括一个按钮来展开更多的信息，在这个LinearLayout下面我有一个RecyclerView。

目前，当我点击"扩展更多"按钮时，我只是用. setvisibility (View.VISIBLE)显示一些项目，所以我没有动画。

下面是我实际的XML代码:

<LinearLayout
    android:id="@+id/expandable_zone"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:visibility="gone">
    <LinearLayout
        android:id="@+id/1"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:orientation="vertical">
        <TextView
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/activity_horizontal_margin"
            android:layout_width="wrap_content"
            android:text="@string/expandable_1"
            android:textColor="@color/secondaryTextDark"
            android:textSize="13dp" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/bottom_expandable_zone"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:orientation="vertical">
        <TextView
            android:animateLayoutChanges="true"
            android:id="@+id/expand_more"
            android:layout_gravity="center_horizontal"
            android:layout_height="wrap_content"
            android:layout_marginBottom="11sp"
            android:layout_marginTop="11sp"
            android:layout_width="wrap_content"
            android:text="@string/expand_more"
            android:textColor="@color/secondaryTextDark" />
        <ImageButton
            android:background="@drawable/circle_shape"
            android:id="@+id/expand_less"
            android:layout_gravity="center_horizontal"
            android:layout_height="wrap_content"
            android:layout_marginBottom="11sp"
            android:layout_marginTop="10sp"
            android:layout_width="wrap_content"
            android:src="@drawable/ic_check_grey600_24dp"
            android:visibility="gone" />
    </LinearLayout>
</LinearLayout>

谁能给我一个最好的解决方案吗?

Answer 1

android:animateLayoutChanges="true"
设置为LinearLayoutandroid:id="@+id/bottom_expandable_zone"

如果这不会帮助你需要搜索stackoverflow如何动画视图和实现它在你的android:id="@+id/bottom_expandable_zone"