The best to see for yourself https://youtu.be/CSgVNxgrKIY

the code:

<?xml version="1.0" encoding="utf-8"?>
<com.wajahatkarim3.easyflipview.EasyFlipView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/flipper"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    app:flipOnTouch="true"
    app:flipEnabled="true"
    app:flipDuration="400"
    app:flipType="horizontal"
    >

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="16dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Front"
            android:textAppearance="@style/TextAppearance.AppCompat.Large" />

    </android.support.v7.widget.CardView>

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="16dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="@style/TextAppearance.AppCompat.Large"
            android:text="Back"/>

    </android.support.v7.widget.CardView>

</com.wajahatkarim3.easyflipview.EasyFlipView>

Any idea why this is happening/what I'm doing wrong?

Hi wajahat, I have added Vertical flip animation which can be changed from xml itself, (Like ,app:flipType="horizontal") and made an example in which it will show how flipView can be used in RecyclerView also (Before it was not scrollable in RecyclerView). Thank you.

JFrog just announced that they'll be shutting down JCenter: https://jfrog.com/blog/into-the-sunset-bintray-jcenter-gocenter-and-chartcenter/

Key dates are:

• February 28th: No more submissions will be accepted to Bintray, JCenter
• May 1st: Bintray, JCenter services will no longer be available

Hence this library should also be migrated to another maven repository like Maven central.

Are you expecting to provide a way for users to set an animation completion handler? We can already get the duration of the animation, so we could just use a timer, but if the API is already doing something when the animation completes, it would be good to ensure that the user's completion tasks would be done after the API's.

Hello, your code assume that the EasyFlipView is inflated from an xml layout. Building it programmatically will generate an NPE I.E here:

    public void setFlipDuration(int flipDuration) {
        this.flipDuration = flipDuration;
        ((Animator)this.mSetRightOut.getChildAnimations().get(0)).setDuration((long)flipDuration);
        ((Animator)this.mSetRightOut.getChildAnimations().get(1)).setStartDelay((long)(flipDuration / 2));
        ((Animator)this.mSetLeftIn.getChildAnimations().get(1)).setDuration((long)flipDuration);
        ((Animator)this.mSetLeftIn.getChildAnimations().get(2)).setStartDelay((long)(flipDuration / 2));
    }

because mSetRightOut will always be null as it is built in the "OnFinishInflate", which is not callable from outside and called only if the view is inflated from an XML layout

I would suggest to simply add a method (public) called setup() that is fired as well in OnFinishInflate but could allow people to build the view programmatically and setup later as needed.

Thanks!

When I flip my component, at the end of the animation I can see through the back view for a short time. what I see is, for example, the text view of the front view reversed. It doesn't matter if I set a background to the view or not.

EDIT: I tested to put a very long animation time to see what happens. It works well but at the end of the animation there is a flickering showing the front view flipped then the back view again (like if the back view disappeared for a short time)

Any clues? Cheers!

My builds started failing today for some reason and I am getting this message

Could not determine artifacts for com.wajahatkarim3.EasyFlipView:EasyFlipView:2.1.2: Skipped due to earlier error

Any ideas about how to fix that?

Title

Implementing the new GestureDetector

Description

I noticed that onTouchEvent worked for me in emulators but not my device (Samsung A10). When I debugged, I figured that dx >= 0 && dx < MAX_CLICK_DISTANCE) && (dy >= 0 && dy < MAX_CLICK_DISTANCE only returned true when my ACTION_DOWN axis is almost exactly the same as ACTION_UP (Was it used to detect a swipe?). Hence, the following solution works well for me.

Hello folks and Mr. Karim.

I am trying to do the easyflip manually, because I am using a List View, but with no success... When I do the touch, the app closes...

Here is my code, if someone could help me I aprecciate:

` public class Main5Activity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main5);

    //reads a txt file and create a list view with its content
    readTxt();


    //trying to make a easyflip manually, but I failed... When I click the item on list view, the app closes
    ListView list = (ListView) findViewById(R.id.list_cards);

    final EasyFlipView efView = (EasyFlipView) findViewById(R.id.cardflip);

    list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

            try {

                efView.flipTheView();

            }

            catch (Exception e) {

                Toast.makeText(getApplicationContext(), (CharSequence) e, Toast.LENGTH_LONG).show();


            }


        }
    });



public void readTxt () {


    File caminhoTxt = new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_DOWNLOADS) + "/lookupgs1.txt");

    if (caminhoTxt.exists()) {

        try {

            String line;

            FileReader fileReader2 = new FileReader(caminhoTxt);
            BufferedReader buffer = new BufferedReader(fileReader2);
            CardAdapter adapter = new CardAdapter(this);


            while ((line = buffer.readLine()) != null) {

                String[] parametros = line.split(";");

                String codRFID = parametros[0];
                String desc = parametros[1];

                ListView lvCards = (ListView) findViewById(R.id.list_cards);

                lvCards.setAdapter(adapter);

                try {

                    if (desc.contains("Controlador")) {

                        adapter.add(new CardModel(R.drawable.quadro, desc, codRFID));

                    }

                    else if (desc.contains("Quadro")) {

                        adapter.add(new CardModel(R.drawable.quadro, desc, codRFID));

                    }

                    else if (desc.contains("Medicamentos")) {

                        adapter.add(new CardModel(R.drawable.med, desc, codRFID));

                    }

                    else if (desc.contains("Câmera de Validação Esteira")) {

                        adapter.add(new CardModel(R.drawable.quadro, desc, codRFID));

                    }

                    else if (desc.contains("Impressora")) {

                        adapter.add(new CardModel(R.drawable.printer01, desc, codRFID));

                    }

                    else {

                        adapter.add(new CardModel(R.drawable.cpx, desc, codRFID));

                    }

                }

                catch (Exception e) {

                    Toast.makeText(this, (CharSequence) e, Toast.LENGTH_LONG).show();
                }

            }


        }

        catch (Exception e) {

            Toast.makeText(this, (CharSequence) e, Toast.LENGTH_SHORT).show();

        }
    }

    else {

        Toast.makeText(this, "File \"lookupgs1.txt\" Not Founded!", Toast.LENGTH_SHORT).show();

    }
}

} `

Hello,

how resolve this error ?

Package EasyFlipView 1.0.0 is not compatible with monoandroid81 (MonoAndroid,Version=v8.1). Package EasyFlipView 1.0.0 supports: net (.NETFramework,Version=v0.0)

regards

Your FOSSA integration was successful! Attached in this PR is a badge and license report to track scan status in your README.

Below are docs for integrating FOSSA license checks into your CI:

• CircleCI
• TravisCI
• Jenkins
• Other

https://blog.mindorks.com/android-tinder-swipe-view-example-3eca9b0d4794 when use EasyFlipView front is good but when flip back became invisible white screen and can not do any action in back view

Nice library, thank you very much. I'm using it with two image views. Depending on a fling motion, the user is able to turn the image vertically (if swiping up or down) or horizontally (if swiping horizontally). The type (from front or back, left or right) is changed accordingly. This motion may be repeated as often as the user likes on the same.

A problem occurs, if a user swipes vertically and then horizontally (or vice versa). Here's a little POC to show what I mean.

// the flip view flips on touch
findViewById<EasyFlipView>(R.id.flip_view).run {

    setToHorizontalType()

    // first click: everything is fine
    setOnFlipListener { _, _ ->
        setToVerticalType()

        // second click: mirrored image view, correct animation
        setOnFlipListener { _, _ ->
            setToHorizontalType()
            setOnClickListener(null)

            // third click: mirrored image view changes back (is now correct), wrong animation
            // following clicks: wrong animations but correct image views
        }
    }
}

This most probably has got something to do with the animations. When you 'flip' the image view, it's being mirrored which doesn't matter if you mirror it back along the same axis. But as soon as you mix vertical and horizontal mirroring, everything breaks.

Manually mirroring the image views via getChildAt(1).scaleY = -1f would probably be possible. Nevertheless I think it would be best to keep track of these changes within the library.

I've hacked my way around the issue by stacking two flip views over one another and dynamically showing/hiding them. One is used for vertical and the other one for horizontal flips. This is dirty and I'm wondering, whether you've ever encountered this problem or use case.

First of all - Thank you for providing us with such a great and simple library! I love it and I'm generally delighted with how it works, but there's a problem that I see no simple way of fixing.

Currently, I see no other way for cards to have them share the height of the higher one other than hardcode height of both child fragments. I think that allowing the control of whether I want the other side visibility to be changed to INVISIBLE not GONE would help many people that want to display dynamic content in their FlipView.

Although the library works fine on most devices, my app crashes when calling the flipTheView() method on some devices like Huawai P20 Pro, Xiaomi A2 Lite. Does anyone have any idea what this might be and how to fix it?