ViewController animation like zooming and zooming out - swift

I have a CustomGridView with UIView for images, if i click on an image It should be show in another viewcontroller with Zoomin Transition (It should show like it comes out from the grid), when i closing that it should animate like it goes back to the same place like Zoomout effect,
I searched for this i unable to find the library that suited my needs, can somebody suggest how can i achieve this

I have just created an example project for you.
https://github.com/khuong291/100DaysOfSwift (Project 53)
Hope this help.

Looks like you are searching for JTSImageViewController
See:
https://github.com/jaredsinclair/JTSImageViewController

Related

How to make full screen zoom feature with scrolling multiple images with TNImageSliderViewController?

I am losing most of my work time stucking at scrollview,autolayout issues.And now,when i found TNImageSliderViewController.I see that i have hope in scrolling images with no autolayout issue.Thanks to the developer who write TNImageSliderViewController.But,after that I want to do another thing which still keep making me stuck.I tried many tutorial and video and which keep making me stuck.
Here is what i need to do...
1.When I clicked one of my image in scrollview,i want to see full screen of that images i click at another view.
2.That another view should also have capabilities like TNImageSliderViewController which we can slide images.
3.I want to add zoom with pinch or tapped zoom at full screen image that i clicked.
Any Idea?or suggestion or library which it can do it easily and completely with no autolayout issue which we can rotate as we like?
Please help...Please,I really need help.Also all newbie like us might want the same answer like me.

How to replicate the CNN iOS app pull down menu

Does anyone know how CNN is doing their top pull down menu?
It looks like a UITableView that is called with a touch drag event but wasn't sure. Googled various keywords but was not able to turn anything up. Just looking for some guidance on how to replicate this behavior.
I've no idea how it's actually done, but I know how I would do it: any view can sit completely or partially offscreen and be dragged onscreen by the user in the usual ways (e.g. a swipe or pan gesture recognizer). There's nothing special about that.
I guess they are doing something like https://github.com/mikefrederick/MFSideMenu
You have to customize "MFSideMenu" a lot though. If you dont want to show this menu on every view you need to disable UIGestureRecognizerDelegate on that view.
There is also something like https://www.cocoacontrols.com/controls/pullableview but you may need to add UIGestureRecognizer to this class.

How to customize the animation for the display of a popovercontroller?

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

Photo viewer (with zoom, pan, scale etc)? Alternative to Three20

I have an app with a few pictures. If the user clicks on one of them, I want him to be able to zoom, pan, scale and so on. I don't need something like Three20. First of all, I'm loading the images from file inside the app, second I don't need the "library" feature (that displays all the images in a grid > like the Photos.app). So I only need the part in the left picture...
How can I do that? Is there any "sample class" or tutorial?
Thanks a lot in advance!
The UIScrollView supports not only scrolling, but also zooming in and out, in fact, it's the super class of things like webViews and tableViews.
It's a matter of fitting an UIImageView inside an UIScrollView and make the contentSize match, and enable zooming (maximum/minimum zooming is 1.0 by default, setting it to something else allows zooming).
check out the Nibmus Project, they have a nice photos controller http://jverkoey.github.com/nimbus/group___nimbus_photos.html, which sounds to be exactly what you're looking for.

Flipboard animation

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.