Mobile Lab: Week 1 Labs

For this week we had two labs to get us familiar with Xcode and Swift.


Xcode lab

  • learned about different sections of Main.storyboard view
    • scene graph
      • shows hierarchy of components in your views
    • canvas
      • specific views that make up the app
    • utility area
      • multiple tabs that show information about the state of the user interface and a set of tools to modify it.
      • UI widgets to drag and drop into the canvas / can size and position by value
  • Object library (cmd+shift+L) or click + sign in top menu
    • Labels
      • blue dashed lines appear when text is centered
      • playing with custom font, size, and alignment fields
  • Safe Areas / Auto Layout Constraints
    • a new concept introduced in iOS11
    • allows for responsive interaction
    • safe area is basically the guaranteed area of the screen where content will not be blocked by other elements
      • ex: designing for the iphone notch
  • Running an app simulator
  • Running an app on hardware



Swift UI tutorial: Creating and Combining Views 

Screen Shot 2020-02-04 at 3.11.45 PMScreen Shot 2020-02-04 at 3.20.47 PMScreen Shot 2020-02-04 at 3.36.27 PM


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s