Advertise Mobile SDKs Books Events Forum News Social Networking Support Us
Follow @iphonedevsdk on Twitter

Interface 2, Advanced iOS
Mockup & Code Gen
($9.99)

Make your own iPhone apps
and run them live!
(free)

Pic Frame Dynamo: Photo Editing
($0.99)

Abiliator
($1.99)

Want your application or service advertised on iPhone Dev SDK?

Go Back   iPhone Dev SDK Forum > iPhone SDK Development Forums > iPhone SDK Development

Reply
 
LinkBack Thread Tools Display Modes
Old 05-09-2010, 04:08 PM   #1 (permalink)
Registered Member
 
Join Date: Jun 2009
Posts: 7
odedia is on a distinguished road
Default Zoom-in transition between views like in Facebook app?

Hi folks,

I am trying to figure out how to perform a zoom in transition from my "main" view to a specific view.

My layout is very similar to the main menu on Facebook's app. I can't find a way to cause the target screen to transition from the main menu screen. I want the transition to original from the UIButton that I pressed on, and to fill up the whole screen.

Any help is appriciated.

Thanks!
odedia is offline   Reply With Quote
Old 05-09-2010, 08:32 PM   #2 (permalink)
Cocoa Junkie
 
Duncan C's Avatar
 
Join Date: Dec 2008
Location: Northern Virginia
Posts: 6,003
Duncan C has a spectacular aura about
Default

Quote:
Originally Posted by odedia View Post
Hi folks,

I am trying to figure out how to perform a zoom in transition from my "main" view to a specific view.

My layout is very similar to the main menu on Facebook's app. I can't find a way to cause the target screen to transition from the main menu screen. I want the transition to original from the UIButton that I pressed on, and to fill up the whole screen.

Any help is appriciated.

Thanks!
What is it you want to do? Have a view emerge from a point on the screen?

To do that you'll have to invoke your new view yourself, rather than using the standard "pushViewController" navigation controller method.

To do an animation on a view, set it's affine transform to a scale of something very small, like .01, .01, then begin an animation block and set the scale to 1, and commit animations. This will cause the system to animate the process of scaling the view from it's shrunk size up to full size.

You can also use layer animation for this, but view animation is probably simpler in this case.


Regards,

Duncan C
WareTo
Duncan C is online now   Reply With Quote
Old 07-14-2010, 01:44 PM   #3 (permalink)
Registered Member
 
Join Date: Jun 2010
Posts: 10
adambg is on a distinguished road
Default

This is exactly what I would like to do. I think I should completely make clear what it is I would like to achieve:

Like the facebook or eprint app, I want to have some buttons on a screen, each linking to a small app within my actual app, and I want each button when pressed to cause the small app which is just a view of course, to open like an app opens on an iphone, so expanding/growing to fill the screen.

The above post is probably extremely helpful for people with quite a bit of knowledge of objective c and xcode, but if someone could outline how to achieve this to someone with less knowledge, but still a fairly firm understanding I, and probably others, would really appreciate it.

Thanks a lot in advance,

Adam
adambg is offline   Reply With Quote
Old 07-14-2010, 02:27 PM   #4 (permalink)
Cocoa Junkie
 
Duncan C's Avatar
 
Join Date: Dec 2008
Location: Northern Virginia
Posts: 6,003
Duncan C has a spectacular aura about
Default

Quote:
Originally Posted by adambg View Post
This is exactly what I would like to do. I think I should completely make clear what it is I would like to achieve:

Like the facebook or eprint app, I want to have some buttons on a screen, each linking to a small app within my actual app, and I want each button when pressed to cause the small app which is just a view of course, to open like an app opens on an iphone, so expanding/growing to fill the screen.

The above post is probably extremely helpful for people with quite a bit of knowledge of objective c and xcode, but if someone could outline how to achieve this to someone with less knowledge, but still a fairly firm understanding I, and probably others, would really appreciate it.

Thanks a lot in advance,

Adam
The simplest thing to do is to create a navigation based app.

That design pattern uses a navigation controller as the way of organizing a set of "view controllers"

A view controller is a control object that manages a whole screen-full of user interface elements (buttons, text fields, title bars, images, etc.)

When you create a navigation controller, you name one view controller as the "root view controller". That view controller is visible when your app first starts up.

You then "push" additional view controllers on top of the root view controller.

Each new view controller animates on top of the previous one(s).

Once you are done with a given view controller, there is a "popViewController" call that removes that view controller and exposes the previous one.

There is also a "popToRootViewController" call that will pop all the view controllers except the root view controller.

Do a search in the XCode help system for "NavBar". That will take you to a sample app that shows you how to go about creating a navigation app. It is a working example, and should get you started.

You should study the iPhone user interface guidelines to get an understanding of how the different components in the iOS work and how to use them to create different types of apps. You will find yourself fighting a losing battle until you get an understanding of how the iOS framework works, and how it is designed to be used.

The tools Apple provides make it very easy to create apps that follow Apple's user interface guidelines. When you try to do things differently the burden is on you to make everything work, and it can be really hard. I would strongly advise AGAINST trying to do that until you are familiar withe using the UIKit as Apple intends it to be used.
__________________
Regards,

Duncan C
WareTo

Check out our apps in the Apple App store


Check out this password generator app that shows various techniques including using a data container singleton object to share data between objects in your project.

See this tutorial on using UIView animations and layer animations:

See this thread on generating random, non-repeating text

Check out a very cool Macintosh Kaleidoscopes app called ScopeWorks that we released to the Mac App store.
Duncan C is online now   Reply With Quote
Old 08-09-2010, 03:53 PM   #5 (permalink)
Registered Member
 
Join Date: Jun 2010
Posts: 10
adambg is on a distinguished road
Default

Quote:
Originally Posted by odedia View Post
Hi folks,

I am trying to figure out how to perform a zoom in transition from my "main" view to a specific view.

My layout is very similar to the main menu on Facebook's app. I can't find a way to cause the target screen to transition from the main menu screen. I want the transition to original from the UIButton that I pressed on, and to fill up the whole screen.

Any help is appriciated.

Thanks!
I have been spending a while looking into this (it's something I wanted to be able to do myself) and I have now find a fully working, no warnings solution!

I will make a video tutorial for you over the next few days

Adam
adambg is offline   Reply With Quote
Old 08-13-2010, 09:45 AM   #6 (permalink)
Registered Member
 
Join Date: Jun 2010
Posts: 10
adambg is on a distinguished road
Default

Sorry it took so long.

@odedia: Here is my tutorial showing how to make expanding views, please let me know what you think:

How to make expanding/shrinking views on iPhone SDK

Adam

Last edited by adambg; 08-13-2010 at 09:54 AM.
adambg is offline   Reply With Quote
Old 08-14-2010, 07:37 PM   #7 (permalink)
Registered Member
 
Join Date: Jun 2009
Posts: 7
odedia is on a distinguished road
Default

adam - you're the man, man! Thank you very much for all the work you've put into this, it's really going to help me.

Keep up the good work!
odedia is offline   Reply With Quote
Old 08-15-2010, 06:12 PM   #8 (permalink)
Registered Member
 
Join Date: Jun 2010
Posts: 10
adambg is on a distinguished road
Default

Quote:
Originally Posted by odedia View Post
adam - you're the man, man! Thank you very much for all the work you've put into this, it's really going to help me.

Keep up the good work!
It was fun working it out

Glad it will be of help,

Adam
adambg is offline   Reply With Quote
Reply

Bookmarks

Tags
core animation, facebook, transition

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



» Advertisements
» Online Users: 323
14 members and 309 guests
Abidullah, baja_yu, cgokey, Duncan C, Fstuff, gbenna, guusleijsten, jbro, mdpauley, n00b, newDev, Sami Gh, seokwon lee, Steven.C
Most users ever online was 1,387, 04-10-2012 at 04:21 AM.
» Stats
Members: 175,648
Threads: 94,113
Posts: 402,877
Top Poster: BrianSlick (7,990)
Welcome to our newest member, brandon6031
Powered by vBadvanced CMPS v3.1.0

All times are GMT -5. The time now is 07:43 PM.
Powered by vBulletin® Version 3.8.0
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.3.0