Continuing your exploration of groups, learn about the three grouping modes, and a few ways where groups solve layout problems.
- [Instructor] So far you've used groups…in the simplest case, a horizontal group.…Groups can get more complex,…and use two more alignment strategies,…vertical and overlay.…Use the vertical group often when nesting groups.…Add another group.…Align the group vertically to bottom.…Change the groups background color in attributes to orange…and get rid of the selector.…
Drag the dessert label into the group.…Labels do not have backgrounds in watch OS,…so if you want a background for a label,…use a group to do it.…Select the group with the cake and strawberry label…in the document outline,…drag it into the new group.…The dessert label disappears.…We are in a horizontal layout,…and the group pushes the label off the view.…You can change the group to a vertical layout.…Select the parent group and at the very top,…you'll see layout horizontal,…select vertical instead.…
Everything appears again.…When you have nested groups,…you may be stacking your groups vertically.…With these nested groups,…the cake button is a little harder to see.…
Author
Released
11/30/2017- 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
Duration
Views
Related Courses
-
Google Firebase for iOS: First Look
with Joe Marini1h 4m Intermediate -
Swift 4 Essential Training
with Harrison Ferrone3h 15m Beginner
-
Introduction
-
Welcome1m 4s
-
-
1. A Look at the Apple Watch App
-
Parts of a watch app2m 22s
-
Evolution of the watchOS2m 57s
-
-
2. Building Your First Apple Watch App
-
Starting with Xcode2m 56s
-
Add buttons2m 4s
-
Add labels2m 33s
-
Connect objects to code3m 39s
-
Write watchOS code2m 27s
-
Prepare the simulator4m 18s
-
Run your watchOS app1m 51s
-
-
3. Working with UI in watchOS
-
Align WatchKit objects3m 11s
-
Size Watchkit objects2m 53s
-
Add groups3m 23s
-
Add images5m 10s
-
Scale images3m
-
4. Navigation
-
Add more controllers5m 58s
-
Scroll with pages5m 6s
-
Navigate with hierarchy5m 36s
-
Contexts in code6m 35s
-
Context in segues4m 23s
-
Modals5m 28s
-
-
5. Interface Library
-
Text inputs5m 6s
-
Pickers6m 17s
-
Images in pickers4m 9s
-
Digital crown6m 3s
-
Haptics7m 23s
-
Add movie player5m 40s
-
In-line movie player6m 15s
-
Audio player6m 10s
-
-
6. Tables and Scrolling
-
Understand watch tables1m 2s
-
Single-row tables6m 49s
-
Selecting data4m 27s
-
Table navigation7m 19s
-
Pagination4m 49s
-
-
Conclusion
-
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.
CancelTake 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.
Share this video
Embed this video
Video: Layout with groups