Map Curl Effect

Question

I want to make map curl effect just like iPhone 5 map. And many apps on App store have already this feature but I can't find any good source to implement it. Please help me. It should start with curled corner that when touching it expand to half of the screen. Curled corner is not image.

Just look at this reference. https://www.dropbox.com/sh/d51z86xtb93exc2/yRnbgpz6cc

Thanks in advance.

For questions like this I like to start out on Github and search for code that can do what I want. A Quick search ( https://github.com/search?q=page+curl&repo=&langOverride=&start_value=1&type=Everything&language=Objective-C ) reveals projects like https://github.com/xissburg/XBPageCurl and many more. — Colin Wheeler, Oct 02 '12 at 22:00

score 1 · Answer 1 · answered Oct 04 '12 at 16:04

1

Maybe XBPageCurl can help you:

https://github.com/xissburg/XBPageCurl/downloads

answered Oct 04 '12 at 16:04

Luis Ascorbe

1,985
1
22
36

This one works well but it reimplements all the stuff that is in UIPageViewController (the curl effect itself) :/ It's a pity that there does not seem to be a way to reuse most of the UIPageViewController and customise it to get a *HALF* modal curl :/ – yonel Dec 27 '12 at 22:12

score 0 · Answer 2 · answered Oct 02 '12 at 19:47

0

I believe it is something like this:

SampleViewController *sampleView =  [SampleViewController new];
[sampleView setModalTransitionStyle:UIModalTransitionStylePartialCurl];
[self presentViewController:sampleView animated:YES completion:^void(){}];

answered Oct 02 '12 at 19:47

Cezary Wojcik

21,745
6
36
36

This is just for half curl. Do you know how to make curled corner just like the first image? – user1715273 Oct 02 '12 at 19:48
I think you basically have to start and pause the animation to get the curled corner. – Cezary Wojcik Oct 02 '12 at 19:58
Thank you for your reply. Can you please leave some code please? – user1715273 Oct 02 '12 at 19:59
I can't think of code off of the top of my head for this, sorry. I do think you have to set up an animation and use layers, but I'm not positive. – Cezary Wojcik Oct 02 '12 at 20:39

score -1 · Answer 3 · answered Oct 03 '12 at 03:58

-1

It's the UIPageViewController of Apple. http://developer.apple.com/library/ios/#Documentation/UIKit/Reference/UIPageViewControllerClassReferenceClassRef/UIPageViewControllerClassReference.html

I already tried it and it's working.

answered Oct 03 '12 at 03:58

KarenAnne

2,764
1
28
21

The UIPageViewController can provide page curls but you can't really make a HALF curl as you would get it using UIModalTransitionStylePartialCurl. – yonel Dec 27 '12 at 22:10
@yonel I haven't tried UIModalTransitionStylePartialCurl so I do not know what it looks like. Whatever is that, I've tried UIPageViewController and it worked for me. The curl effect of UIPageViewController follows the finger of the user as he/she turn the page to previous/next. – KarenAnne Jan 04 '13 at 06:52

Map Curl Effect

3 Answers3