Tutorial Part 1: How to make expanding/shrinking views on iPhone SDK

This is part one of my first ever tutorial showing you how you can make expanding/zooming and shrinking view animations in the iPhone SDK, like in the facebook app.

Part 2: http://www.youtube.com/watch?v=gUK-hrL0fOQ

These are the things shown in this tutorial:

-Assigning outlets and actions
-Make a simple navigation based application
-Setting up view controllers
-Calling functions
-Using defines
-Using the sender property of buttons
-Using button tags
-Switch statements

The source code and instructions file shown in the video are available for download from here: http://www.abgapps.co.uk/dropbox/ExpandViewTransition.zip

Want to include navigation bars in the app? Check out this tutorial: http://www.youtube.com/watch?v=tIlCA-JhAsg.

Please visit my website at http://www.abgapps.co.uk!

Category:

Science & Technology

Tags:

• expanding
• shrinking
• growing
• zooming
• views
• controller
• animation
• transition
• iphone
• sdk
• developer
• tutorial
• facebook
• app
• switch
• statement
• function
• button
• tags
• action
• outlet
• define
• view
• navigation
• application

[rk0170]

This is a good tutorial. I would like to know how I can reduce the size of the second view so that it appears above the first view (something like an Alertview).Can you help me?

[abgapps]

@rk0170 I can have a go later and get back to you, but out of interest is this the easiest way around what you are attempting to do? You could just have a UITextView or UIImageView appear the size you want in on the main view?

[Scottulus]

This is a great tutorial; I've built this thing a couple of times, and I'm pretty sure I've been meticulous, but at the stage just after adding a view controller to the 'expandingViewController page, I can NOT seem to get the secondVC to display in the connections tab once I go to File's owner... Any ideas? I'm going out of my mind so any help would be appreciated.

[abgapps]

@Scottulus I have PM'd you my email address so you can send me your project for me to take a look.

[MrSoninke]

Hi there,

This is an awesome tutorial for as im new in programming apps. Thank you so much.

I would like to know if you could please make a tutorial on a view curl, if u tap on the bottom of the view, it curls and takes you to the second view.

Also on how to put a login system on your app.

Best regards.

[abgapps]

@MrSoninke I am not exactly sure what you mean. I could potentially do a tutorial if you provide some more information. I apologise for the extreme lateness of this reply but I took a break from developing.

[MrEndanger91]

your awesome man. this is exactly what i was looking for!

[Scottulus]

Thanks, man. Corrected it! Best tutorial out there in my opinion (I'm completely new to xcode, so this helped out a lot!

[JulianBrain]

Ok it was that.

Shame on me not going to the third part !

[abgapps]

@JulianBrain I am not entirely sure what you mean. Perhaps take a look at this video of mine which talks about including topbars in the app - there is a link to it towards the bottom of the description of this video. It may indeed solve your problem. I hope it helps.

[JulianBrain]

Everything works until this line :

if ([animationID isEqualToString:@"animationExp­and"]) { [[self navigationController] pushViewController:viewControl­ler animated:NO];

}

The pushViewController function brings view to fullscreen...!

On my first view, I got a topbar with logo and buttons, I want this bar to be on every view, WITHOUT make it on each view (I just want the first view to stay "behind", where we just see the top bar)...

Do you understand ? Like in Facebook app, in fact...