Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

iOS App Development with Storyboard

2,484 views

Published on

Published in: Education
  • Be the first to comment

iOS App Development with Storyboard

  1. 1. iOS App Development With Storyboard Babul Mirdha Senior Software Engineer LeadSoft Bangladesh Limited
  2. 2. About Babul MirdhaAbout Babul Mirdha Founder at সcা.net (www.seccha.net) Senior Software Engineer at LeadSoft Bangladesh Limitedg www.fb.com/BabulMirdha Having more than 5 years of working experiences with iOS, Android, Windows Phone, Web & D k ( N ) d l IDesktop (.Net) app development, I have worked with various languages, technologies & tools in different environment.
  3. 3. ContentsContents Understanding MVC architecture Xib vs StoryboardXib vs Storyboard
  4. 4. Understanding MVC architectureUnderstanding MVC architecture
  5. 5. Understanding MVC architectureUnderstanding MVC architecture The Model-View-Controller (MVC) design pattern assigns objects in an application one of three roles:j pp model, view, or controllercontroller. The pattern defines not only the roles objects play in the application, it defines the way objects communicate with each other. Each of the three types of objects is separated from the others by abstract boundaries and communicates with objects of theby abstract boundaries and communicates with objects of the other types across those boundaries. MVC is central to a good design for a Cocoa application.
  6. 6. Advantages of MVCAdvantages of MVC The benefits of adopting this pattern are numerous. Many objects in applications tend to be more reusable andMany objects in applications tend to be more reusable, and their interfaces tend to be better defined. Applications having an MVC design are also more easily extensible than other applications. Many Cocoa technologies and architectures are based on MVC and require that your custom objects play one of theMVC and require that your custom objects play one of the MVC roles.
  7. 7. MVC architecture in iOSMVC architecture in iOS
  8. 8. Xib (Old) Interface Builder •allows Cocoa and Carbon developers to create interfaces for applications using a graphical user interface. •The resulting interface is stored as a nib file short•The resulting interface is stored as a .nib file, short for NeXT Interface Builder, or more later, as a .xib filea .xib file
  9. 9. XibXib Apple remove it from xcode 5. You have only one option to choose storyboardYou have only one option to choose storyboard. if you want to xibs then remove storyboard after creating singleView application and add xib manually. another option is to create application in xcode 4.6 or earliar version then run it on xcode 5.
  10. 10. What is storyboardWhat is storyboard Storyboard is an exciting new feature in iOS 5 that will save a lot of time building user interfaces for Appssave a lot of time building user interfaces for Apps
  11. 11. Advantages of StoryboardAdvantages of Storyboard With a storyboard you have a better conceptual overview of all the screens in your app and theoverview of all the screens in your app and the connections between them. The storyboard describes the transitions between the various screens. Storyboards make working with table views a lot easier i h h ll d i ll fwith the new prototype cells and static cells features. Can also use .xibs if needed with storyboards.
  12. 12. Disadvantages of StoryboardDisadvantages of Storyboard You also need a big monitor, especially when write iPad apps!apps! it is only available in iOS 5 onward Merges can be very difficult if not impossible if there areg y p conflicts.
  13. 13. Creating Storyboard ProjectCreating Storyboard Project Fire up Xcode and create a new Empty App project. Product Name: RatingsProduct Name: Ratings Company Identifier: the identifier that you use foryour apps, in reverse domain notation Class Prefix: leave this empty Device Family: iPhone Use Storyboard: check thisUse Storyboard: check this Use Automatic Reference Counting: check this Include UnitTests: this should be unchecked
  14. 14. Creating Storyboard ProjectCreating Storyboard Project
  15. 15. Add a storyboard for iPhoneAdd a storyboard for iPhone Click >File>oNew>File Click> User Interface> StoryboardClick> User Interface> Storyboard Click>Next Select>iPhoneSelect>iPhone Click>Next Type >Storyboard iPhoneType Storyboard_iPhone
  16. 16. StoryboardStoryboard
  17. 17. Set Storyboard to be loadedSet Storyboard to be loaded Specify the name of the storyboard that must be loaded when the app startswhen the app starts
  18. 18. Info.plistInfo.plist In info.plist file, Storyboard apps use the key UIM S b dF l “M b d f l b ”UIMainStoryboardFile, or “Main storyboard file base name”, to specify the name of the storyboard that must be loaded when the app starts.
  19. 19. Design Scene or SecreenDesign Scene or Secreen
  20. 20. Storyboard SeguesStoryboard Segues A segue is a transition from one view to another.g E.g. select the + button and ctrl-drag to the new Navigation Controller.
  21. 21. DemoDemo
  22. 22. New TerminilogiesNew Terminilogies MVC xCodexCode Xib StoryboardStoryboard Segue

×