A component for flip animation on Android, which is similar to the effect in Flipboard iPhone/Android

Overview

android-flip

Aphid FlipView is a UI component to accomplish the flipping animation like Flipboard does.

A pre-built demo APK file for Android OS 2.2+ can be found at:

https://github.com/openaphid/android-flip/tree/master/FlipView/Demo/APK

Please also refer to our blog posts for more details:

https://hubo.dev/tags/#FlipView

Release Notes

For a complete change list please checkout our issue tracker

v0.9.8, May 7th 2013

  • Fixes the occasional flash issue when flipping. (#52)

  • Disables the dropping shadow of title bar in the demo app.

v0.9.7, Jan 1th 2012

  • The core control flow has been rewritten, which fixes several performance and reliability issues about adapter and async content support. (#36, #29, #28, #8)

  • Supports different bitmap format for animation, which can be used to reduce peak memory consumption. (#34)

  • Fixes a severe memory leak issue. (#33, #21)

  • The demo FlipAsyncContentActivity has been rewritten to illustrate the correct way of handling async content. (#37)

  • A new demo FlipDynamicAdapterActivity to demonstrate how to dynamically load more pages. (#41)

  • Thanks to @siegfriedpammer for his contribution. (Pull #40)

v0.9.6, Dec 12th 2012

v0.9.5, Nov 9th 2012

screenshot

  • Supports event listener to get notified when flipping finishes. (Issue #3)

  • Supports content reloading when flipping. (Issue #4)

  • Incorrect rendering of shadow in horizontal mode. (Issue #7)

v0.9, Sep 21st 2012

First release

screenshot

Copyright and License

Copyright 2012 Aphid Mobile

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Comments
  • Flip Animation on setSelection

    Flip Animation on setSelection

    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?

    enhancement wontfix 
    opened by junghie 25
  • After fling support --- Issue in flipping

    After fling support --- Issue in flipping

    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..

    1 2

    bug 
    opened by naththeprince 12
  • feature: Fling functionality

    feature: Fling functionality

    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!

    enhancement 
    opened by quintos 10
  • feature: Offscreen pages caching functionality

    feature: Offscreen pages caching functionality

    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

    enhancement 
    opened by quintos 8
  • Taking More Time, move from One Actvity to other?

    Taking More Time, move from One Actvity to other?

    11 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.

    question wontfix 
    opened by sandeeptiwari 7
  • Page stays at screenshot

    Page stays at screenshot

    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.

    bug 
    opened by quintos 7
  • Transparent background flip

    Transparent background flip

    It happens when the flipview background is transparent. Flips to next page and when the animation is almost done, it abruptly shows previous page. Most apparent on the bottom of page.

    invalid question 
    opened by mania7539 6
  • Hiding the view in fragments

    Hiding the view in fragments

    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..

    opened by jmmosa 5
  • allow to disable touch input and one more bug fix

    allow to disable touch input and one more bug fix

    I wanted to be able to disable touch input in some cases, so I just implemented a lock and unlock method. I thought you might find it useful as well...

    The other commit is a better solution for the bug I fixed in the last pull request, hope you can include it.

    Thanks!

    opened by siegfriedpammer 4
  • Flip is not show image

    Flip is not show image

    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. 2012-12-27_17-34-27 Load complete image

    2012-12-27_17-32-08 But when flip: image is gone.

    opened by VAdaihiep 4
  • We can See image of second page from first page?

    We can See image of second page from first page?

    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 11 22

    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.

    question 
    opened by sandeeptiwari 4
  • While flipping page content flash and changed by wrong index.

    While flipping page content flash and changed by wrong index.

    While flipping page content flash and changed by wrong index. After flash page's right content will appear. Also page index is wrong in TravelAdapter while flip back. I'm using Async for fetaching data from url and then show into the pages. Have you any solution?

    opened by PankajAS 0
  •  First and Second card show the content of the card behind it as you start to flip

    First and Second card show the content of the card behind it as you start to flip

    I'm a facing a strange issue in FlipCards. Only for first two cards, as you scroll back , it shows the content of the card behind it for few seconds. I tried doing some hit and trail methods, but none of them worked. I'm really not getting, why this is happening only for first two cards. Please suggest

    opened by SanPinto 1
💳 Bank Card View is a simple and elegant card view with Flip animation.

Visualização de cartão bancário ?? Bank Card View é uma visualização de cartão simples e elegante com animação Flip. Versões Selecione a língua : Engl

Geovani Amaral 9 Aug 26, 2022
💳 A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc.

The article on how this library was created is now published. You can read it on this link here. →. ?? EasyFlipView Built with ❤︎ by Wajahat Karim and

Wajahat Karim 1.3k Dec 14, 2022
You can easily access the top of the screen in Android. Like a iPhone 6 & 6 Plus.

Reachability on Android Easy access on top. Like a iPhone 6 & 6 Plus. demo apk Usage Add dependencies compile 'com.github.sakebook:Reachability:0.2.0@

sakebook 258 Nov 12, 2022
3D Style Page Flip on Android

PageFlip This project is aimed to implement 3D style page flip on Android system based on OpenGL 2.0. For JNI version, please visit: android-PageFlip-

eschao 1.7k Dec 19, 2022
Wave effect of activity animation

WaveCompat Wave effect of activity animation How to use 1. Bind wave touch helper to a view which will start an activity when it clicked: WaveTouchHel

WangJie 348 Nov 29, 2022
Android Animation Easing Functions. Let's make animation more real!

Android Easing Functions This project is originally from my another project, AndroidViewAnimation, which is an animation collection, to help you make

代码家 2.5k Jan 4, 2023
Road Runner is a library for android which allow you to make your own loading animation using a SVG image

Road Runner Road Runner is a library for android which allow you to make your own loading animation using a SVG image Sample video View in Youtube Dem

Adrián Lomas 1.2k Nov 18, 2022
It's a cool animation which can use in splash or somewhere else.

What's Particle ? It's a cool animation which can use in splash or anywhere else. Demo Article 手摸手教你用Canvas实现简单粒子动画 Attributes name format description

巴掌 1.4k Dec 12, 2022
FadingToolbar is an animation library which fades out your footer view in a ScrollView/RecyclerView and fades in a toolbar title

FadingToolbar is an animation library which fades out your footer view in a ScrollView/RecyclerView and fades in a toolbar title (analogue of the LargeTitle animation in iOS)

Hanna 9 Nov 3, 2022
Android ImageViews animated by Ken Burns Effect

KenBurnsView Android library that provides an extension to ImageView that creates an immersive experience by animating its drawable using the Ken Burn

Flávio Faria 2.7k Jan 2, 2023
Android L Ripple effect wrapper for Views

Material Ripple Layout Ripple effect wrapper for Android Views Including in your project compile 'com.balysv:material-ripple:1.0.2' Check for latest v

Balys Valentukevicius 2.3k Dec 29, 2022
Implementation of Ripple effect from Material Design for Android API 9+

RippleEffect ExpandableLayout provides an easy way to create a view called header with an expandable view. Both view are external layout to allow a ma

Robin Chutaux 4.9k Dec 30, 2022
EtsyBlur is an Android library that allows developers to easily add a glass-like blur effect implemented in the Etsy app.

EtsyBlur EtsyBlur is an Android library that allows developers to easily add a glass-like blur effect implemented in the past Etsy app. Try out the sa

Manabu S. 755 Dec 29, 2022
[] Easily have blurred and transparent background effect on your Android views.

##[DEPRECATED] BlurBehind Easily have blurred and transparent background effect on your Android views. Before API level 14 there was a Window flag cal

Gokberk Ergun 516 Nov 25, 2022
Android StackBlur is a library that can perform a blurry effect on a Bitmap based on a gradient or radius, and return the result. The library is based on the code of Mario Klingemann.

Android StackBlur Android StackBlur is a library that can perform a blurry effect on a Bitmap based on a gradient or radius, and return the result. Th

Enrique López Mañas 3.6k Dec 29, 2022
:sparkles: An easy way to implement an elastic touch effect for Android.

ElasticViews ✨ An easy way to implement an elastic touch effect for Android. Including in your project Gradle Add below codes to your root build.gradl

Jaewoong Eum 763 Dec 29, 2022
An easy, flexible way to add a shimmering effect to any view in an Android app.

Shimmer for Android Shimmer is an Android library that provides an easy way to add a shimmer effect to any view in your Android app. It is useful as a

Facebook 5.1k Dec 26, 2022
Memory efficient shimmering effect for Android applications by Supercharge.

DEPRECATED - ShimmerLayout Attention: This tool is now deprecated. Please switch to Shimmer for Android or any other shimmer effect solution. ShimmerL

Supercharge 2.5k Jan 4, 2023
A pager for Android with parallax effect

ParallaxPagerTransformer A pager transformer for Android with parallax effect Installation in your build.gradle file dependencies { // ... com

Javier Gonzalez 654 Dec 29, 2022