iOS app folders

Question

I'm looking for an idea in order to reproduce the look of the iOS app folders (menu on iPhone/iPad). I'm wondering how is it possible to separate the background image in order to make appear the content of the folder. Does someone already do this ? Or have an idea on how we can do ?

EDIT : I'm trying to reproduce this effect.

http://img4.hostingpics.net/pics/873912photo.png

skytz · Accepted Answer · 2013-05-27 13:45:06Z

I actually looked at this a while back.

This is how i approached the problem:

You have a background view (the image) and a layer on top (the icons).

Calculate the split line.
Split the view and layer into tow along the split line
Add the content of the folder under the image.
Add you folder icon on top of everything.
Animate the bottom part down while changing opacity of the layer icon.( so you can see the content underneath)
While animating you should probably mask the triangle under the icon to it gives that bubble effect.
To close, just reverse the animation.

I didn't manage to make it work 100% but i can tell you it works (at least some parts of it).

And before you ask, no, i cannot give you the code because i didn't keep it.

stosha · Accepted Answer · 2013-05-27 14:30:34Z

Try make screenshot like this:

 UIGraphicsBeginImageContext(CGSizeMake(screenWidth, screenHeight)); [self.view.layer renderInContext: UIGraphicsGetCurrentContext()]; UIImageView* imageView = [[UIImageView alloc] initWithImage: UIGraphicsGetImageFromCurrentImageContext()]; UIGraphicsEndImageContext(); [self.view addSubview: imageView];

You can make two screenshots and add with different frames as subviews. I hope it helps you.

Collectives™ on Stack Overflow

iOS app folders

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related