Анимированная замена одной рамки на две - PullRequest
Новая
       12

Анимированная замена одной рамки на две

0 голосов
/ 31 мая 2018

У меня есть три структуры кадра, как показано в коде ниже.Первоначально должна отображаться только одна структура кадра, и после щелчка на элементе она должна выйти из слайда вниз, а две другие структуры кадра должны сдвинуться вверх от нижней части экрана.

Замена одной структуры кадра другойчто мы все делаем, но это звучит немного тривиально.

Пожалуйста, помогите, как реализовать это вместе с анимацией (скользить вверх и вниз).Я говорю о разметке кадров с идентификаторами: primaryMenu, вторичноеMenu и третичноеMenu.

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>

...