Layout White Flashes

Question

Layout White Flashes

Kanval87 opened this issue 11 years ago · 51 comments

When layouts are heavy ( have a multiple child's and child's of child), flip view tend to give white flashes while flipping.

Answer 1 · 2013-01-31T02:50:35.000Z

I was lazy and used a naive mechanism to start animation in showFlipAnimation() of FlipViewController.
https://github.com/openaphid/android-flip/blob/master/FlipView/FlipLibrary/src/com/aphidmobile/flip/FlipViewController.java#L497

Flickers happen when 100ms is not enough for the controller to build animations.

I will try to solve it as it seems like a simple fix.

Answer 2 · 2013-01-31T05:20:54.000Z

Thank you for your instant consideration of issue.

i must say animation looks beautiful and works effiently .

Answer 3 · 2013-01-31T06:01:53.000Z

I've pushed a change in develop branch. I won't claim it can eliminate flicker entirely, but please let me know if it helps reduce flashing in your app.

Answer 4 · 2013-02-05T19:09:28.000Z

This is what i'm seeing:

when the page is refreshed (the screenshot) after i flipped to it (after my lazy content is loaded), it will flicker when i flip it over to the next page. When the page has already done it's refresh at the moment i flipped over to it, it will not flicker when i flip to the next.

Answer 5 · 2013-02-07T10:37:45.000Z

Sorry it took mi long to reply

and no problem has'nt been solved yet.. it is still flashing

Answer 6 · 2013-04-24T07:15:44.000Z

Please suggest some ideas to reduce flashing?

Answer 7 · 2013-04-28T01:36:28.000Z

Reopened, will push a fix in develop branch soon

Answer 8 · 2013-04-28T01:44:16.000Z

The push 2dca94e should have fix the flash issue, but it also introduces a minor issue when flip backward on the first page. I'll publish a fix later today.

Answer 9 · 2013-04-30T16:42:23.000Z

Hello, thank you for your fix, but I found [FlipView Demo] -> [3.Async Content] is always some white splash screen.when flipping next page no problem, but often occur flipping to pre page by gently touch.

Answer 10 · 2013-05-01T02:33:03.000Z

Thanks for your report, it seems my previous fix is not perfect yet.

Answer 11 · 2013-05-01T06:03:46.000Z

I've finished another fix in the develop branch to address the issue. Please try it on your device.
Thanks in advance.

Answer 12 · 2013-05-03T09:02:24.000Z

Thanks !
Flip animation more smooth now.

Answer 13 · 2013-12-04T13:00:50.000Z

I am getting White Flash on Layout while flipping next. Flip back is working fine but next has issue.

Answer 14 · 2013-12-10T05:29:22.000Z

I am also getting the same White Flash when flipping next.But flipping to last page is fine,I am curious about this issue.Hope to fix it.

Answer 15 · 2013-12-11T07:07:44.000Z

I also facing this problem now. I user gridview and setAdapter for gridview in getView method
Please fix it.
Thanks in advances!

Answer 16 · 2013-12-11T07:56:38.000Z

Hhihi I was fixed my problem. The reason of problem that I don't set background for main layout.
When I set background by tag android:background="@android:color/white" > it's OK.
So I think that, this problem still encounter if background is transparent
Thank you for sharing a great lib.
Thanks in Advances!

Answer 17 · 2013-12-12T22:14:35.000Z

I have the same issue... Flipping next is flashing, but flipping back is working just fine. @miteshm and @JackCho did you guys find a fix for that? @openaphid do you plan to reopen this bug, by any chance? Cheers!

Answer 18 · 2013-12-18T12:33:22.000Z

I have the same issue...In FragementActivity, Flipping next is flashing, but flipping back is working just fine . Although everything works fine in Activity but in Fragment Activity Its flashing in forwarding.

Answer 19 · 2013-12-18T13:44:16.000Z

@kevinmeresse Did you get any fix for the same ?

Answer 20 · 2013-12-20T06:58:47.000Z

I got the RCA for the same, flickering still happening until android:targetSdkVersion is greater than 10.
So, For ICS and on words It flickers in next flipping.

Answer 21 · 2013-12-26T03:11:22.000Z

Thanks,I also have the same problem. white flashes while flipping,In my App,the imageview is too heavy.

Answer 22 · 2014-01-20T18:43:58.000Z

You can reduce the white flash by reduce rendering bitmap

setAnimationBitmapFormat(Bitmap.Config);

This doesn't kill all the flashes but hope it helps! :)

Answer 23 · 2014-01-22T00:20:59.000Z

Still having a problem with a blinking at random times ... Has anyone found a clear solution to this?

Answer 24 · 2014-02-16T09:52:23.000Z

Please what about the flickering when getting to next page
I hope U solve this issue :(

Thanks in advance

Answer 25 · 2014-02-16T09:55:30.000Z

Unfortunatelly i have not solve this issue ... i am trying to get deep into code but is dificult ... Do you have the same problem?

Answer 26 · 2014-02-16T10:03:34.000Z

unfortunatelly yes :(

Answer 27 · 2014-02-21T07:26:29.000Z

I have same problem now.
I am using Galaxy S3 for testing this but when i flip next, flash screen still happen
I was use lastest version and change setAnimationBitmapFormat(Bitmap.Config.RGB_565) but it's not working
Any body solved problem?
Thanks in advances!

Answer 28 · 2014-02-28T00:01:58.000Z

Hi guys,
I couldn't get any fix for the white flashes. But I am now using another library from @emilsjolander which is working very well: https://github.com/emilsjolander/android-FlipView
It doesn't support webviews or fragments yet, but it's clean and easy to use. I hope it can help some of you who can't get this one work properly.
Cheers!

Answer 29 · 2014-02-28T00:30:55.000Z

I will still wait @openaphid to fix for the white flashes.I believe there not be long time. if there be long time,I will try @emilsjolander. @kevinmeresse ,thank you!

Answer 30 · 2014-03-19T11:38:54.000Z

Hi all, I fixed this issue by putting an ImageView with white background at the bottom of my page view layout:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:background="#ffffff"/>
    <LinearLayout
        android:id="@+id/content_container"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:orientation="vertical">

        <!-- Your page content goes here -->

    </LinearLayout>

</RelativeLayout>

Hope this can help ppl looking for solutions around this

Answer 31 · 2014-03-19T13:24:05.000Z

I have a try,it still flash screen,but the probality is lower

Answer 32 · 2014-04-13T12:28:30.000Z

Hi All, Has anyone found a solution?

Answer 33 · 2014-04-25T06:04:57.000Z

FlipViewController.java
void postHideFlipAnimation() {
if (inFlipAnimation) {
// handler.post(new Runnable() {
// @OverRide
// public void run() {
// hideFlipAnimation();
// }
// });
}
}

try

Answer 34 · 2014-05-12T07:42:03.000Z

@link17: yeah, comment this lines, flash will stop but not update the view.
Could you give full solution for this
thanks in advance!

Answer 35 · 2014-07-19T20:38:19.000Z

Having the same issue. The worst is that everything was OK when I was evaluating this library during my POC, and I forked it to add features to it (spine position, orientation change handling).

Does anybody found a solution to fix this ?

Answer 36 · 2014-07-19T21:01:04.000Z

Probably not the cleanest solution, but found that the flicker does not appear if you delay the call to hideFlipAnimation in the postHideFlipAnimation() method of FlipViewController.java.

    void postHideFlipAnimation() {
        if (inFlipAnimation) {
            new Thread() {
                @Override
                public void run() {
                    try {
                        Thread.sleep(200);
                    } catch (InterruptedException e) {
                    }
                    ((Activity)FlipViewController.this.getContext()).runOnUiThread(new Runnable() {
                        public void run() {
                            handler.post(new Runnable() {
                                public void run() {
                                    hideFlipAnimation();
                                }
                            });
                        }
                    });
                }
            }.start();
        }
    }

Answer 37 · 2014-07-19T23:58:46.000Z

hmmm, I tried the solution above, but the flickering still happens

Answer 38 · 2014-08-25T11:12:50.000Z

I had a similar problem. The content of the flipview had margins around them. While flipping, the margins started showing up in white. Once the animations are complete, it goes back to normal. The white margin shows up only during the flipping.

How I solved this:
I wapped the contents int another layout and applied padding to it the same amount of margin the contents used to have. This fixed the problem.

Answer 39 · 2014-08-31T17:32:40.000Z

I changed the postHideFlipAnimation like below in FlipViewController.

void postHideFlipAnimation() {
    if (inFlipAnimation) {
      handler.postDelayed(new Runnable() {
        @Override
        public void run() {
          hideFlipAnimation();
        }
      },200);
    }
  }

Answer 40 · 2014-09-12T11:40:52.000Z

Flicker issue has been fixed.Delay the postHideFlipAnimation for 2 seconds and add a transparent background in parent layout.

Answer 41 · 2014-12-24T11:41:12.000Z

in flipviewcontroller where to call webservice when i flip the page and data is loaded dynamically when flip page.

Answer 42 · 2015-02-14T10:55:25.000Z

Hi , faceing the same issue also when i try to flip the layout image gets refreshed and later flipping . when i return to image positon layer , image is not getting refreshed again , so only when i flip for next view only image gets refreshing .
so can anyone tell me how to fix it ....

Answer 43 · 2015-04-10T17:21:25.000Z

Hey. How can I change your code according to read images from URL or drawable ?

Answer 44 · 2015-06-26T03:23:53.000Z

I used @magirtopcu method，the flicker disappear，but i feel like switch is slow，and I implement FlipViewController.ViewFlipListener(),the method onViewFlipped is delayed. I don't think it is a perfect
solution.

Answer 45 · 2015-06-26T06:47:07.000Z

Hi @runforprogram , Can you share your implementation ?

Answer 46 · 2015-06-27T18:14:56.000Z

Anybody found a solution yet?

Answer 47 · 2015-07-09T17:47:39.000Z

Who has a good solution for this issue?
Help anyone?

Answer 48 · 2015-07-10T17:41:31.000Z

Comment a line as below in FlipViewController...it will work like a charm....also keep main layout background white...also imageview background white color:
private void hideFlipAnimation() {
if (inFlipAnimation) {
inFlipAnimation = false;

  updateVisibleView(bufferIndex);

  if (onViewFlipListener != null) {
    onViewFlipListener.onViewFlipped(bufferedViews.get(bufferIndex), adapterIndex);
  }

  handler.post(new Runnable() {
    public void run() {
      if (!inFlipAnimation) {
        //COMMENT BELOW LINE
       // cards.setVisible(false);
        surfaceView.requestRender(); //ask OpenGL to clear its display
      }
    }
  });
}

}

Answer 49 · 2015-12-11T14:03:25.000Z

.it's work like a charm but image is not updating properly

Answer 50 · 2016-02-01T02:34:51.000Z

@CRUDTechnolgoy Me too, I tried to hide that line but that causes my search filter on the FlipView to not work. Delaying by 200ms and setting the container layout backgrounds to white seems to be the best fix for now.

Answer 51 · 2017-03-27T13:57:03.000Z

hi , Firstly , Very Nice library . Can anyone tell me , how to implement zoom in , zoom out and pinch functionality . I used with custom zoomview but it will intrupt the sliding .