openaphid / android-flip Goto Github PK

Is it possible for the flipview to have a cache so that whenever it encounter the image again, it wont download it anymor?

To replicate the behavior we can see in FlipBoard.
#20

FATAL EXCEPTION: main
junit.framework.AssertionFailedError: Invalid selection position
at junit.framework.Assert.fail(Assert.java:50)
at junit.framework.Assert.assertTrue(Assert.java:20)
at com.aphidmobile.flip.FlipViewController.setSelection(FlipViewController.java:267)
at com.aphidmobile.flip.FlipViewController.onDataChanged(FlipViewController.java:546)
at com.aphidmobile.flip.FlipViewController.access$800(FlipViewController.java:40)
at com.aphidmobile.flip.FlipViewController$MyDataSetObserver.onChanged(FlipViewController.java:552)
at android.database.DataSetObservable.notifyChanged(DataSetObservable.java:37)
at android.widget.BaseAdapter.notifyDataSetChanged(BaseAdapter.java:50)
at android.support.v4.widget.CursorAdapter.swapCursor(CursorAdapter.java:347)
at com.example.gongo.activity.MainActivity.onLoadFinished(MainActivity.java:150)
at com.example.gongo.activity.MainActivity.onLoadFinished(MainActivity.java:31)

I am using a CursorAdapter that gets its data from a dynamic CursorLoader. I have encountered this situation in the following cases:

1. In the above situation, I interogate an empty database. When the LoaderManager finishes loading, it will set an empty cursor for the adapter - CursorAdapter.swapCursor(result).
2. Also on a possible reset situation, the LoaderManager will automatically call onLoaderReset to change the adapter's cursor to a null one (e.g. onBackPressed).

Both cases will lead to onDataChanged() (from FlipViewController) which I guess will try to set the selection to -1 (since adapter.getCount() might return 0).

1. Fling works just fine.
2. But i see an issue very often, when we move the page above 90 angle it has to flip down, but its flipping back. Steps to reproduce just flip the cards slowly above 90 i.e., greater than width/2, Earlier it's working fine but now its flipping back, which i strongly feel a bug
   Please check the images below.
3. png when i move the cards above 90. when i leave the finger in this posiiton it has to flip up right.. but
4. u can see the 2.png it just flipped back..

Hi openaphid and everyone,
I'm loading some image from internet using a lib https://github.com/novoda/ImageLoader like your Demo: Flip Async Content.
The issue is when flip, the image is not show. I guess the cause is flipView take screenshot before the image load complete. But I dont know how to fix this.
So please fix this or suggest me something to do this. I already try refreshPage() but it doesn't effect.

Load complete image

But when flip: image is gone.

Hello. First thank you for library, its really great. While I'm developing an application I came across a bug in Galaxy S3 phones. While flipping the view invalidates itself and causes black screen. This bug can be seen at the demo also. I uploaded a video on you ube about this bug. You can check it. Thank you in advance. http://www.youtube.com/watch?v=rv0pLLCn-8w

I'm not good at English

I will speak briefly.

I had to request the data from the web asynchronously.

And call method.

=> FlipViewController.setSelection()
=> Adapter.getView()
=> ImageManager.load()
=> OnImageLoaded => refreshPage()

[Working thread]

Thread1
=> (A) FlipViewController.setSelection() => ... => (B) ViewDualCards.buildTexture() => (C) Texture.createTexture() => (D) GLUtils.texSubImage2D(..., bitmap);

Thread2
(E) refreshPage() => (F) markForceReload() => (G) UI.recycleBitmap(screenshot);

(AC) => (EG) => (D) bitmap is already recycle error.

thanks

I am making application using this library ,And find two new issue please see it.
1- I am able to see second page image from first.I have tried to solve by commenting blending but its
not working.
2- I putting image this manner

loading image from sd card through AsynkTask and try to turn next page a blank page show nothing shows,but if I load image without AsynkTask take time but working fine.My need is after click progressbar is showing and load using AsynkTask.

3- How I face OOM exception because occurs every time when moving one page to other

thanks.

Sometimes flip when a problem occurs.

Can solve it?

Thanks~

12-11 16:09:47.751: D/OpenAphid(14478): create bitmap 720x1142

FATAL EXCEPTION: main
java.lang.OutOfMemoryError
at android.graphics.Bitmap.nativeCreate(Native Method)
at android.graphics.Bitmap.createBitmap(Bitmap.java:640)
at android.graphics.Bitmap.createBitmap(Bitmap.java:620)
at com.aphidmobile.flip.GrabIt.takeScreenshot(GrabIt.java:33)
at com.aphidmobile.flip.ViewDualCards.setView(ViewDualCards.java:75)
at com.aphidmobile.flip.FlipCards.reloadTexture(FlipCards.java:106)
at com.aphidmobile.flip.FlipRenderer.updateTexture(FlipRenderer.java:135)
at com.aphidmobile.flip.FlipViewController.onLayout(FlipViewController.java:327)
at android.view.View.layout(View.java:14063)
at android.view.ViewGroup.layout(ViewGroup.java:4605)
at android.widget.FrameLayout.onLayout(FrameLayout.java:448)
at android.view.View.layout(View.java:14063)
at android.view.ViewGroup.layout(ViewGroup.java:4605)
at android.widget.LinearLayout.setChildFrame(LinearLayout.java:1655)
at android.widget.LinearLayout.layoutVertical(LinearLayout.java:1513)
at android.widget.LinearLayout.onLayout(LinearLayout.java:1426)
at android.view.View.layout(View.java:14063)
at android.view.ViewGroup.layout(ViewGroup.java:4605)
at android.widget.FrameLayout.onLayout(FrameLayout.java:448)
at android.view.View.layout(View.java:14063)
at android.view.ViewGroup.layout(ViewGroup.java:4605)
at android.view.ViewRootImpl.performLayout(ViewRootImpl.java:1998)
at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:1819)
at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:1116)
at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:4533)
at android.view.Choreographer$CallbackRecord.run(Choreographer.java:725)
at android.view.Choreographer.doCallbacks(Choreographer.java:555)
at android.view.Choreographer.doFrame(Choreographer.java:525)
at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:711)
at android.os.Handler.handleCallback(Handler.java:615)
at android.os.Handler.dispatchMessage(Handler.java:92)
at android.os.Looper.loop(Looper.java:137)
at android.app.ActivityThread.main(ActivityThread.java:4943)
at java.lang.reflect.Method.invokeNative(Native Method)
at java.lang.reflect.Method.invoke(Method.java:511)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1036)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:803)
at dalvik.system.NativeStart.main(Native Method)

when I slide down at the first page to view PREW page,and then slide down to view NEXT page.
It work like : 0->0->2->3

Especially when use it inside a handler

Memory leaks when the adapter doesn't reuse the convertView and always creates a new view.

All demo activities go with the reuse strategy which doesn't have memory issues.

Whenever I flip the page in a fragment it turns white and then i cant flip again. Then when i tried resuming the fragment it shows the picture but every time i flip the page i shows the white page and then it never shows the real page. I can click the buttons even though its white though.

what's the best way to remove a page from adapter

right now i found a way after 2 day hard working,my solution is remove page from adapter and call setAdpater of the flipView instance
something like this:
if we are in first page for example then:
adapter.remove(thirdView);
mFlipView.setAdapter(adapter);
mFlipView.setSelection(1);

tanks in advance

eg, to use a default texture if FlipView failed to capture screenshots caused by OOM errors

I have an image above the flipview but it isnt in the flipview, and if the tried flipping the views the image will be gone and will return after i lift up my finger.
What would be the best approach for this problem?

ARGB_8888 is the current choice. Although it should have the best quality, it consumes more memory than RGB_565 and ARGB_4444.

I'd expect to have the visible view refreshed on every ACTION_DOWN event. Sometimes it does not refresh even though I started a fade-in animation or similar.

In an older version of your code I implemented a cache for the views and added a refresh method.

It is called in the ACTION_DOWN-case of handleTouchEvent (in FlipCards.java):

    frontCards.refresh();
    backCards.refresh();

The implementation, looks like this: (I added it in ViewDualCards.java)
(declarations at top)

    private boolean initialized;
    private Bitmap screenshot;
    private Canvas screenshotContainer;
    private boolean dirty = true;

...
in setView:
...

        if (view != null) {
            viewRef = new WeakReference<View>(view);
            initialized = initScreenshotTarget(view);
            view.draw(screenshotContainer);

...
new method (instead of takeScreenshot):

    boolean initScreenshotTarget(View view) {
        if (view == null || view.getWidth() == 0 || view.getHeight() == 0)
            return false;
        Bitmap.Config config = Bitmap.Config.ARGB_8888;
        this.screenshot = Bitmap.createBitmap(view.getWidth(), view.getHeight(), config);
        this.screenshotContainer = new Canvas(screenshot);
        return true;
    }

the mentioned refresh()-method:

    public synchronized void refresh() {
        if (!initialized || viewRef == null) return;
        View v = viewRef.get();
        v.draw(screenshotContainer);
        dirty = true;
    }

in the buildTexture-method I added at the top:

        if (viewRef == null) return;
        if (dirty || texture == null) {
            if (texture != null)
                texture.destroy(gl);
            texture = Texture.createTexture(screenshot, renderer, gl);
            dirty = false;
        }

notes: It is important to not destroy the bitmap and the canvas. Reusing the same bitmap, canvas and texture is a good idea from the performance perspective, but I am not sure if there are any memory leaks.

I am maintaining my own version of your code, because I implemented some features (horizontal flip), before it was possible with your version, but I would like to use your version again. Would be glad if you could help me fix that issue in the current version. Thanks!

Hello Guys

I'm implimenting the android flip animation in my app and I have to say that it's great. There's one left, the title says it, I want to set a certain view?

Greatings from Austria

Thank u very much when create one library great! I am working on it. I want develop 1 app same flipboard but can't organization content for paging same flipboard. Hope u advise me, How I organizaton conent . thanks!

Thanks for your update 0.9.6, it's very great because the backwarding is smoother than older version.

I have a small issues: In FlipBoard, the page's velocity is descend in the end of flip move. I mean the acceleration of the page is nagative in the second half of process moving like the motion of a pendulum.

The acceleration like that:

start ---------- middle ------------- finish
| ---- positive ---- | ----negative ---- |

So please help me to make it, sorry for my bad english.
Thank you.

Please refer to the original report: #2 (comment)

I test FlipAsynsContentActivity layout have 2 ImageView, or more.

When I prepare flip page (but when it is not flip to next page, I cancel this action), the imageview auto change to android.R.drawable.alert_dark_frame (default image).

This is my project : http://www.mediafire.com/?4kyl81mkmmo1ava

Please help me !

I think you should have use and extend PagerAdapter to use in FlipView. BaseAdapter is for like lists and dropdowns. I had an app with viewpager and tried to change it to FlipView but it was very hard to do.

If you do it with PagerAdapter it would be more consistant because FlipView is really like another way of implementation of viewpager.

Bitmap instances are constantly created and recycled during flipping.

Implementing a bitmap cache could improve performance and reduce the risk of OOM errors.

I'm using Flipview, and I have a question:
in my adapter:
I using 3 layout, example:
public View getView(int pos, View convertView, ViewGroup parent)
final View layout = convertView;
if (convertView == null) {
if (position == 0) {
layout = inflater.inflate(R.layout.zone1, null);
holder = new ViewHolder();
holder.zone_name = (TextView) layout
.findViewById(R.id.zone_txt_name);
}
if (position == 1) {
layout = inflater.inflate(R.layout.zone2, null);
holder = new ViewHolder();
holder.zone_name = (TextView) layout
.findViewById(R.id.zone_txt_name2);
}
if (position == 2) {
layout = inflater.inflate(R.layout.zone3, null);
holder = new ViewHolder();
holder.zone_name = (TextView) layout
.findViewById(R.id.zone_txt_name3);
}
} else {
holder = (ViewHolder) layout.getTag();
}

.....

But sometime I flip from layout to layout2, or layout to layout 3, the display layout is incorrect.

Can you demo flipview with 2, 3 or more layout with artchitecture difference!!!

Hi,

Thank you for sharing this code. I think it's very well done.

This is more of a feature request than an issue:
I would be nice if users could fling the pages. At this time its only possible to move the page over the middle and when over the middle, it falls over. But i thing it's a better user experience to be able to fling it. When you use Flipboard, you can flip through the pages very smoothly by doing very short flings.

Thanks!

Hi,

I think it would be nicer if the shadow effect would start earlier during the animation (at a lighter starting color).

Imagine you have a page that has no content below the middle. When flipping, until you are at 3/4 of the distance, you do not see the page folding but only "getting shorter". In my opinion it would be better to see the fold appearing immediately.

Hello Guys

I'm implimenting the android flip animation in my app and I have to say that it's great. There's one thing left, the title says it, I want to set a certain view? How to do this?

Thanks for your help

Greatings from Austria

When I tried hiding the flipview the only that was hidden was the current page. The other pages are still there. I was to use 2 fragments with flipviews and my aim was to show different data in the 2 flipview but when i tried switch to different fragments. The previous fragment the other pages of the flipview even though the fragment was already hidden..

Hi,

I don't know if this even can be solved but flipping backwards is not as smooth as forward. It's really noticeable that when flipping backwards often "stutters" a little or takes more time to start the animation. I could be that this isn't noticeable with very simple views, or a faster device. i don't know.

A couple of versions back i did some debugging and noticed some differences between the forward and backward routines like when flipping backwards, flippedtoview() was called at the start of the flip and when flipping forward, at the end of the flip.
So during a backward flip, a lot more processing took place at the start of the animation. resulting in a delay/stutter.

Again, maybe this is just how it's designed. But i think it's an issue because right now, there is a significant difference in flip experience between backwards and forwards.

I'm using ImageLoader 1.5.7
When I'm a first page: I try to flip it to top, the problem is:

If I add ImageLoader setting: .withCacheManager(new LruBitmapCache(this)) then:
The ImageView set to default image before set true image.

You can add .withCacheManager(new LruBitmapCache(this)) to settings in FlipAsyncContentActivity to test !

I want to use cache memory but the problem is fix. Can you help me !

Thanks !

Thanks for your libs, but I have a problem.
In your demo at https://github.com/openaphid/android-flip/tree/master/FlipView/Demo/APK/Aphid-FlipView-Demo.apk -> Flip Text Views.
I slide down FAST to view NEXT page, it work fine: 0 -> 1 -> 2 -> 3 -> 4
But problem when I slide up FAST to view PREW page, it work not perfectly: 4 -> 2 -> 0 instead of 4->3->2->1->0
This problem occurs with all activity in this Demo.
So please help me to make it work fine like next page.
Thanks in advance!

P.s: I feel when back page: the animation has a little delay (lag) (next page does not). Could someone tell me why?

The presence of the library is kinda misleading as I don't have expertise on it.

The async demo will be changed to use a simpler implementation from local images.

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

The current implementation of bouncing at the first and the last pages consumes too much resources.

For example, setSelection can be avoid; and the texture management can be improved

adapter.notifyDataSetChanged() doesn't work correctly on FlipView

to address a problem reported in #36 (comment)

Hello!
Can you add example with WebView?
Thanks!

Good Day,

Thanks for these awesome library find it very useful on my new project.
just want to ask on how can we implement the flip animation on setSelection method FlipViewController,java? or is there another way to jump between pages with flip animation?

I've submitted a pull request for commit https://github.com/iPaulPro/android-flip/commit/76b2b361972b6bdd4f2ae75d74e82e2810e5af14, which adds the constructors needed to support the XML layout editor. It is now part of my outstanding pull, #10.

Users can add FlipViewController to their XML layouts like this:

<com.aphidmobile.flip.FlipViewController 
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    custom:orientation="horizontal" />

The custom:orientation is an optional custom parameter that controls the orientation of the flip. This defaults to vertical.

I've also updated the Demo project to include an example of FlipViewController used in XML.

Hi,

When i set the sidebuffersize to 2 (but i think also the case for other values) and flipping backwards, eventually i'm getting this error.
Before the error occurs, the i notice the order of the pages is wrong when i flip backwards.

02-04 23:15:41.918: E/AndroidRuntime(9483): FATAL EXCEPTION: main
02-04 23:15:41.918: E/AndroidRuntime(9483): java.lang.IndexOutOfBoundsException
02-04 23:15:41.918: E/AndroidRuntime(9483): at java.util.LinkedList.get(LinkedList.java:520)
02-04 23:15:41.918: E/AndroidRuntime(9483): at com.aphidmobile.flip.FlipViewController.onLayout(FlipViewController.java:326)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.view.View.layout(View.java:7321)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.widget.FrameLayout.onLayout(FrameLayout.java:338)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.view.View.layout(View.java:7321)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.widget.LinearLayout.setChildFrame(LinearLayout.java:1254)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.widget.LinearLayout.layoutVertical(LinearLayout.java:1130)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.widget.LinearLayout.onLayout(LinearLayout.java:1047)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.view.View.layout(View.java:7321)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.widget.FrameLayout.onLayout(FrameLayout.java:338)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.view.View.layout(View.java:7321)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.widget.FrameLayout.onLayout(FrameLayout.java:338)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.view.View.layout(View.java:7321)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.view.ViewRoot.performTraversals(ViewRoot.java:1217)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.view.ViewRoot.handleMessage(ViewRoot.java:1991)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.os.Handler.dispatchMessage(Handler.java:99)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.os.Looper.loop(Looper.java:150)
02-04 23:15:41.918: E/AndroidRuntime(9483): at android.app.ActivityThread.main(ActivityThread.java:4385)
02-04 23:15:41.918: E/AndroidRuntime(9483): at java.lang.reflect.Method.invokeNative(Native Method)
02-04 23:15:41.918: E/AndroidRuntime(9483): at java.lang.reflect.Method.invoke(Method.java:507)
02-04 23:15:41.918: E/AndroidRuntime(9483): at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:849)
02-04 23:15:41.918: E/AndroidRuntime(9483): at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:607)
02-04 23:15:41.918: E/AndroidRuntime(9483): at dalvik.system.NativeStart.main(Native Method)

I really hope you can find the time to look at this.

Good luck with your job search!

Thanks.

is it possible for the flipview not to be flipped whenever the view it on the very start or on the very last?

Hi,

I'm using the ActionBar pattern in my app and i want the AB to be included in the Flipping animation (so the whole screen is part of the page) but i can't include the AB in the FlipViewController layout. I can imagine that is could be possibe to create snapshots of the whole screen even when the FlipViewController is only a part of the screen so the AB would also be flipping. (is it?) but when the user reaches the last page and the page bouces back, the AB must not be visible behind the last page. So i need to hide the AB at runtime at the moment the last page is being flipped/bounced. Is it possible to listen for such an event? Or is there a better way?

Thanks!

Hi,

I noticed there is a small delay (100-500ms?) between the ending of the animation and the moment the actual View is being shown again (which i don't think is really a problem on itself). but sometimes the page keeps showing the screenshot in stead of switching back to the actual View. This happens incidentally during normal flipping but always when i flip the page only a very small amount (i lift it a tiny bit and then drop it again so to say). I noticed this because certain Views i use have lazy loading of images which cause the screenshot to be different than the completed View. So when i would have refreshed the screenshot (using the new API) , i can imagine i would not notice it but i would be looking at a screenshot in stead of the actual View.

Hi,

I think it would be a nice addition to add some sort of offscreen pages cache like the way a Android ViewPager/PagerAdapter work. Right now i have pages that contain an image that needs to be fetched from the internet so i need to be able to pre-instantiate those pages 1/more pages ahead and also keep 1/more previous pages to be able to flip back easily.

I have taken the liberty of trying something out and used some code from the ViewPager and PagerAdapter source but i cannot get it to work correctly yet but is more to illustrate what i mean.
Maybe you want to have a look at it. (It's not working correctly: after some flipping forward and backwards, the pages repeat and indexes are wrong. haven't figured out yet what the problem is.)

I forked your project here:
https://github.com/murimons/android-flip

thnx

Hi OpenAphide,
I am struggling with your code last 10 days but face many problem,Now I found another
issue hope you see it and if need more clarification contact me.
=>
My need is show sd-card all folder image on screen,and folder wise suppose I have 30 different folder in my sd-card on main screen there is a view (first image in attached image) which symbol of folder contain one random image and count of total folder ,after click on that I send Intent with bundle
which contain a List of sd-card Image path folder wise(List of list which contain folder).after clicking
screen stay and take more time after that show other no any heavy task is there and there is no ANR
issue as well.for My confirmation I set that view on same screen after remove first view load second view using different adapter.still it take same time.
=>I also trouble to put header and footer but unable to manage its size ,please can you help me from where I can manage flip view size as per my need?

thanks.

I'm using gripview, and I have a problem below:

         public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        View layout = convertView;

        flip_position = position - 1;

        if (position == 0) {
            layout = inflater.inflate(R.layout.index, null);
            setIndexLayoutView(layout);
        }
        else { 
            layout = inflater.inflate(R.layout.index2, null);
            setIndexLayoutView2(layout);
        }
        return layout;
    }

I have only way to setIndexLayoutView in getView.
I want to call setIndexLayoutView from other method.

Please help me !
Thanks and BR !

Your demo apk is working fine so I download your project and run at local Eclipse.
I got some issue at this file: https://github.com/openaphid/android-flip/blob/master/FlipView/Demo/src/com/aphidmobile/flip/demo/FlipAsyncContentActivity.java

Please take a look at my screen cap image at below:
https://dl.dropbox.com/u/5222311/FlipAsyncContentActivity.png

Thanks for your awesome creation :)