Beginning iOS6 Development CH02 Using Xcode

1. Using Xcode
1 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

2. Setting Up Your Project in Xcode
2 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

3. Setting Up Your Project in Xcode
• create a new project.
• Connect with existing projects.
• Open user guide.
• Go to developer.apple.com.
3 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

4. project template selection sheet
4 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

5. project options sheet
5 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

6. The Xcode Workspace Window
6 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

7. The Xcode Workspace Window
• The Toolbar
• The Navigator View
• The Jump Bar
• The Utility Pane
• Interface Builder
• New Compiler and Debugger
7 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

8. 8 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

9. DemoWindow
The Xcode Workspace
9 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

10. Introducing Xcode’s Interface Builder
10 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

11. What’s in the Nib File?
• It is the right place to add the objects that
make up your application’s user interface.
When you create objects in Interface Builder, they’ll be
instantiated in your program when that nib file is loaded
• Every nib file starts off with the same two
icons:
• File’s Owner:
• First Responder
These two are created automatically and
cannot be deleted.
11 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

12. File’s Owner & First Responder
• File’s Owner represents the object that loaded the
nib file from disk. In other words, File’s Owner is
the object that “owns” this copy of the nib file.
• First Responder is the object with which the user
is currently interacting.
First Responder icon gives you a convenient way to
communicate with whatever control or other object is
the current first responder, without needing to write
code to determine which control or view that might
be.
12 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

13. The Library
• The library is where you’ll
find stock objects from the
UIKit that are available for
use in Interface Builder.
– File template library
– Code snippet library
– Object library
– Media library
13 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

14. The Library
• File template library: contains a collection of file
templates to add a new file to your project.
• Code snippet library: features a collection of
code snippets you can drag into your source code
files.
• Object library: is filled with reusable objects,
such as text fields, labels, sliders, buttons, and
just about any object you would ever need to
design your iOS interface.
• Media library: is for all your media, including
pictures, sounds, and movies.
14 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

15. Demo View
Adding a Label to the
15 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

16. Changing Attributes
• the inspector pane is
topped by a series of icons,
each of which changes the
inspector to view a specific
type of data. To change the
attributes of the label,
we’ll need the fourth icon
from the left, which brings
up the object attributes
inspector.
17 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

17. Finishing Touches
• Adding icon to the app
– 57 x 57 & 114 × 114 pixels .why?
– (.png) file.
– Just normal & square.
17 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar

18. Demo app
Adding icon to the
18 iabdulrazzaq@outlook.com Eng. Abdulrazzaq Alnajjar