Does anyone knows how to build a flip animation like the flipboard app?
Thanks
If you mean the page flip transition, have a look at the OpenGL transition class I wrote.
https://github.com/epatel/EPGLTransitionView
I added a couple of example transitions and one of them are a "page flip" transition.
Have a look at FlipView, it tries to replicate Flipboard app for iPad
Some of the features implemented are:
Multiple flip (just click on last pagination if u r at first or second for multi-flip).
Views arrangement if orientation changed like Flipboard
Selection of random layout
Hopefully this link is of some help to you :D
I remember from watching an interview with the CEO saying that all the flipping boards and the animations are done using HTML5! I can not find it now sorry :(
I managed to find the non-broken link to FlipView example on github: https://github.com/Reefaq/FlipView
Hope it helps
I've been looking for the same for weeks. If you use the 'origami' transition in the ipad's photo app, you'll see that it has a very similar flipboard effect. Though someone with much more programming chops can probably give you the specifics, I think they use core animation. In it, you can define the anchor point and basically transform the uiview along the z axis.
Related
I am trying to switch between UIViews by making it look like you are turning a page in a book.
The UIViewAnimationTransitionCurlUp is pretty close if I could get it to curl toward the Left or Right. Is this possible?
I have tried to use the CATRansition but none of the animation types come close to a page turning.
Any suggestions on how to create this page animation transition that would turn a page toward the left or right?
Edit (June 2012) : It is now possible to use the native Apple implementation, check:
Page View Controller: Note that this is available since iOS 5.0.
Also check this other libs/methods:
Leaves: Not so realistic, but really easy to use.
PageCurl: Really nice effect, easy to use.
Implementing iBooks page curling using a conical deformation algorithm: Amazing, but it's just a proof of concept, difficult to expand.
There's nothing in the SDK that will do this for you. If you want this effect, you'll have to roll your own. "Classics" does a nice job with the page-flip animation.
You can manage this effect by changing the orientation of the UIViewController where the animation takes place.
I would like to customize the animation to display a uipopovercontroller so that it can slide in from right to left when it appears. I basically would like to simulate the menu you can see in Flipboard. Is there a way to customize the animation without having to write a popovercontroller? It seems that the default behavior has the slide in functionality but it is too fast to see it happening. I didn't find any property where i can set a transition style.
Any help would be greatly appreciated!
I'm afraid that isn't a popover that the Flipboard app is using. It's most likely another UIView or UIViewController layered on top of the current view. Much like the 'About' menu in Angry Birds. Animating UIPopovers is also not going to be very easy, as they were never built for customization (or to be leak proof, or to even be very good in the first place). My advice, create your own. (I love github, so so much).
I am curious as to whether or not there is an open source solution to replicate the flash button in the iOS camera applicaiton.
I have seem many other apps use this, but there doesn't seem to be a native way, so I assume there is a common source out there.
It is possible to get the flash button by using UIImagePickerController class, but most of the camera apps out there don't seem to be using this (or perhaps they subclass it, which is against apple's terms).
I am looking for a way to replicate the expanding behavior of the button. Any thoughts?
It doesn't sound too hard.
The way I'd do it is to separate the right curve of the button (as images), and make a UIView that has the left part of the button and the right curve as subviews.
When it's tapped, slide the right curve and animate the extra buttons in.
You could use a stretchable UIImage (see UIImage documentation) and then just animate the frame changing.
In the Apple 2010 WWDC Sample code (downloadable via iTunes, otherwise I'd post it here), there are several sample applications which use this control. They call the class ExpandyButton. I realize I'm answering my question, but hopefully someone out there can find this useful.
While looking for a similar solution to this problem I came across this code which was extremely helpful. Similar to ExpandyButton it fit my needs better.
https://github.com/ddebin/DDExpandableButton
I want to set animation for my UIView. I am using CurlUp animation for that. My requirement is to use CurlLeft and CurlRight. These are not available in CoreAnimation as I know. So is there any way by which I can handle the CurlLeft and CurlRight. I don't know a lot about OpenGl. But I don't have any problem with that too. Please guide me and provide me any link by which I can handle CurlLeft and right animation using either OpenGL or CoreAnimation.
Thanks a Lot.
For page turning animations, Ole Begemann has done something like that. His code is available on Github. See my answer to this question for a link.
iBook page flip transaction
His sample project is available for download and shows page curling left and right.
I want to make an animation that is exactly the same as the Flipboard's one. I have tested Leaves and EPGLTransitionView on github, however, Leaves gives me the hand gesture but doesn't implement the page turn animation (its animation is like the iBook's one), and EPGLTransitionView doesn't implement the hand gestures.
Could anyone help me? Thanks in advance.
Sincerely,
Kai.
This github project might be what you are looking for: https://github.com/Dillion/iOS-Flip-Transform.