1. Ioannis Pavlidis Dinesh Majeti Ashik Khatri
Lecture 2
Ioannis Pavlidis
Dinesh Majeti
Ashik Khatri

2. Overview About XCode Demo - Building a Simple iOS App Auto Layout
IBOutlet
IBAction

3. XCode Workspace

4. Navigator Area

5. Edit Area

6. Utility Area

7. Toolbar

8. Demo

9. Auto Layout
Auto Layout dynamically calculates the size and position of all the views in your view hierarchy, based on constraints placed on those views.
Constraint-based approach to design allows you to build user interfaces that dynamically respond to both internal and external changes.
Internal changes
Dynamic type: Changes in font size.
External Changes
The size or shape of your superview changes: Device rotates (landscape/portrait)

10. IBOutlet & IBAction
IBOutlets enables your code to send messages to a user interface object
Example: Telling a label to display a text string or telling a button to appear or disappear
IBActions enables to send a message from a User Interface control to your code.
Example: When the user clicks a button control, for example, the button should send an action message telling your code to execute an appropriate action

11. References XCode Overview Auto Layout Creating an Outlet Connection
Creating an Action Connection