Learn the basics of Interface Builder for watchOS. In this video, add two buttons to the interface and learn about the stacking nature of the Interface Builder.
- [Instructor] Like iOS applications,…we'll first add some objects to the storyboard.…In this lesson, we will add two buttons to the interface.…In the object library, find a button…by typing BU in the filter.…The two types of button will appear.…Apple Pay is beyond the scope of this course,…so drag a generic button onto the storyboard.…You'll find it clicks into place…at the top of the watch interface.…watchOS does not use the same free layout…as iOS or MacOS storyboards.…
Objects stack from the top down.…Drag another button to the interface.…It stacks underneath the first.…Click on the top button.…On the right, the attributes inspector…shows the attributes available for a button.…In watchOS, many attributes can only be set here,…not in code as properties.…Click on the title, for example.…Change the title to Pizza and press return.…For the background color, click the color swatch…under Background and select the color list…and the Apple colors; and I'm going to select blue.…
Now select the second button.…You can double-click the button to change the title.…
- Principles of watchOS development
- Adding buttons and labels to your app
- Connecting objects to code
- Testing a watchOS app
- Laying out WatchKit UI objects
- Adding navigation
- Using Interface Library elements such as inputs, pickers, and media players
- Creating tables
- Working with table data
Skill Level Intermediate
Google Firebase for iOS: First Lookwith Joe Marini1h 4m Intermediate
iOS App Development: Test-Driven Developmentwith Harrison Ferrone2h 14m Intermediate
1. A Look at the Apple Watch App
2. Building Your First Apple Watch App
3. Working with UI in watchOS
5. Interface Library
6. Tables and Scrolling
Next steps1m 57s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.