Front to back animation about android-infinitecards

[BakerJQ]

You can rewrite the setStyle3() method in MainActivity, and change the setTransformerToBack into this, which is similar to DefaultTransformerToFront, but reverse the rotationX movement:

mCardView.setTransformerToBack(new AnimationTransformer() {
            @Override
            public void transformAnimation(View view, float fraction, int cardWidth, int cardHeight, int fromPosition, int toPosition) {
                int positionCount = fromPosition - toPosition;
                float scale = (0.8f - 0.1f * fromPosition) + (0.1f * fraction * positionCount);
                view.setScaleX(scale);
                view.setScaleY(scale);
                view.setRotationX(fraction == 1 ? 0 : 180 * fraction);
                if (fraction < 0.5) {
                    view.setTranslationY(-cardHeight * (0.8f - scale) * 0.5f - cardWidth * 0.02f
                            * fromPosition - cardHeight * fraction);
                } else {
                    view.setTranslationY(-cardHeight * (0.8f - scale) * 0.5f - cardWidth * (0.02f *
                            fromPosition - 0.02f * fraction * positionCount) - cardHeight * (1 - fraction));
                }
            }

            @Override
            public void transformInterpolatedAnimation(View view, float fraction, int cardWidth, int cardHeight, int fromPosition, int toPosition) {
            }
        });

[BakerJQ]

Below is the total view of setStyle3() method after rewrite:

[BakerJQ]

You can test by press "change" button once and then press "next" button, which was swinging out to the side before rewrite. Hope this can help you.

[Androneilz]

Fantastic, that's perfect, thanks so much.

Another question if it's ok: How can I alter the amount of overlap on the cards behind the front one? I'd like more of each card to be visible, so that the title of my item can be seen be the user.

[BakerJQ]

In this case, you'll need to recalculate the TranslationY in each Transformer.
If I understand your question correctly, try add the code below at the end of onCreate() method:

mCardView.setTransformerAnimAdd(new AnimationTransformer() {
            @Override
            public void transformAnimation(View view, float fraction, int cardWidth, int cardHeight, int fromPosition, int toPosition) {
                fromPosition = toPosition + 1;
                int positionCount = fromPosition - toPosition;
                float scale = (0.8f - 0.1f * fromPosition) + (0.1f * fraction * positionCount);
                view.setScaleX(scale);
                view.setScaleY(scale);
                view.setTranslationY(-cardHeight * (0.8f - scale) * 0.5f - cardWidth * (0.05f *
                        fromPosition - 0.05f * fraction * positionCount));
                view.setAlpha(fraction);
            }

            @Override
            public void transformInterpolatedAnimation(View view, float fraction, int cardWidth, int cardHeight, int fromPosition, int toPosition) {

            }
        });

[BakerJQ]

[Androneilz]

Unfortunately, that method isn't public, I can't compile that!

[BakerJQ]

Yes you can. But what you need to do is not to modify the code in DefaultTransformerXXX, but to customize your own AnimationTransformer and call setTransformerXXX method of the InfiniteCardView.

[Androneilz]

Thanks. I had to import the code directly into my project, and change all the default transformers. I've made a constant for the top gap, so it's now configurable.