用两个动画替换一个framelayout

Question

我有三个framelayouts，如下面的代码所示。最初，只显示一个framelayout，点击其中的项目后，它应该向下滑动，其他两个framelayout应该从屏幕底部向上滑动。

将一个framelayout替换为另一个是我们所做的，但这听起来有点微不足道。

请帮忙，如何实现此功能以及动画（向上滑动和向下滑动）。 我在讨论带有id的framelayout：primaryMenu，secondaryMenu和tertiaryMenu。

activity_main.xml中：

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:id="@+id/parentLayout"
android:layout_height="match_parent"
android:animateLayoutChanges="true"
android:background="@color/primaryDark"
android:orientation="vertical">


<FrameLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/control_area"
    android:layout_below="@+id/button_container"
    android:background="@color/primaryDark">

    <org.ArtIQ.rex.editor.view.imagezoom.ImageViewTouch
        android:id="@+id/main_image"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center" />

    <org.ArtIQ.rex.editor.view.StickerView
        android:id="@+id/sticker_panel"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:visibility="gone" />

    <org.ArtIQ.rex.editor.view.CropImageView
        android:id="@+id/crop_panel"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:visibility="gone" />

    <org.ArtIQ.rex.editor.view.RotateImageView
        android:id="@+id/rotate_panel"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:visibility="gone" />

    <org.ArtIQ.rex.editor.view.TextStickerView
        android:id="@+id/text_sticker_panel"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:visibility="gone" />

    <org.ArtIQ.rex.editor.view.CustomPaintView
        android:id="@+id/custom_paint_view"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:visibility="gone" />
</FrameLayout>


<LinearLayout
    android:layout_marginTop="@dimen/margin_3"
    android:id="@+id/control_area"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:orientation="vertical">

    <FrameLayout
        android:id="@+id/tertiaryMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    <FrameLayout
        android:id="@+id/secondaryMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    <FrameLayout
        android:id="@+id/primaryMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />



</LinearLayout>