Expanding cards like Paper by Facebook

Question

I'm trying to redo the Paper by Facebook card expansion feature. I am talk about this : http://blog.brianlovin.com/design-details-paper-by-facebook/#24 The example displayed in this example is not the best as the content doesn't change a lot from the tiny status to large status. And that's what i'm trying to understand.

I've found a github project that did it at 50%. https://gist.github.com/chroman/8847406 I started to work from this piece of code. Then changed it so that the HomeViewController instantiate and hold 5 different UIViewControllers. Then each story is given a UIView (instantiated by the UIViewControllers) to display. The scrolling, the expanding works. But i struggle to redraw the underlying objects with constraints and i'm not sure that's even possible.

Are the tiny cards and expanded cards the same UIView ? Then it would mean underlying objects display under constraints.

Or are they 2 independent UIViews ? That would mean expanding the tiny card launch the transition to a large version of the card.

Any help is appreciated. Thanks a lot, Pierrick

This would help: http://www.raywenderlich.com/96062/custom-view-controller-presentation-transitions-swift — HMHero, Jul 23 '15 at 19:04
It just didn't help. That's exactly what i was looking for. Thanks a lot @HMHero — arnaultp, Aug 04 '15 at 21:46

score 0 · Answer 1 · edited May 23 '17 at 12:06

0

The link shared by @HMHero was great. Add this post about AutoLayout with UIScrollView and you're good to redo the Paper by Facebook expanding card effect.

Cheers!

edited May 23 '17 at 12:06

Community

1
1

answered Aug 04 '15 at 21:51

arnaultp

25
5

Expanding cards like Paper by Facebook

1 Answers1