Transitions of various android views

Question

Transitions of various android views

Navigation

#1 by (3 votes)

4

please I need help with transitions. in my activity_main2.xml I have two views one is a ImageView and another one FloatingActionButton what I want is that when I enter activity 2 from my activity 1 I do it with animation but separated osea the ImageView that enters with start and the FloatingActionButton that enters with Top so separately I have this trasition in my res and even then I move all together.

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500"
    android:transitionOrdering="together">
    <slide android:slideEdge="start">
        <targets>
            <target android:targetId="@id/imagenPortada" />
        </targets>
    </slide>
    <slide android:slideEdge="top">
        <targets>
            <target android:targetId="@id/fab" />
        </targets>
    </slide>
</transitionSet>

And this is my style where I define and activate my transitions

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">#E21E63</item>
    <item name="colorPrimaryDark">#C2145B</item>
    <item name="colorAccent">#FFFFFF</item>
    <item name="android:windowContentTransitions">true</item>
    <item name="android:windowEnterTransition">@transition/transition</item>
    <item name="android:windowExitTransition">@transition/etransition</item>
</style>

It's more or less what I want to achieve but in this case only with the floatingButton and the portda

java android

asked by Gunnar 23.03.2016 в 13:49

source

1 answer

Control to show Cursor with android search engine Animate images in a ListView

score 3 · Accepted Answer

The problem is that you are using a TransitionManager , in order to move the elements separately, what you are using is to animate two layouts!

In this case when you start "activity 2" you could simply use ObjectAnimator to control the translation of the elements, for example if you want an animation of your image from top to bottom you can do it with:

ObjectAnimator animX = ObjectAnimator.ofFloat(imagenPortada, "x", 0f);
ObjectAnimator animY = ObjectAnimator.ofFloat(imagenPortada, "y", 1000f);
AnimatorSet animSetXY = new AnimatorSet();
animSetXY.playTogether(animX, animY);
animSetXY.start();

more information Animating Views (English)