The Xcode Window
TrailLog is open in Xcode and the screen is full of panels. Beginners often lose a panel, then lose ten minutes hunting for it. The window has a simple shape; once you see it, you can always get back.
The rule
Toolbar on top, navigators left, editor centre, inspectors right, debug area below.
- Toolbar — the strip across the top. Run (▶, ⌘R) builds and launches; Stop (■, ⌘.) ends it. Next to them, the scheme (what to build) and the run destination (which simulator or device). In the middle, the activity view shows build progress, warnings and errors.
- Navigator area (left) — ways to find things. A row of icons switches between them: the Project navigator (files, ⌘1), Source Control, Symbols, Find (search the project), Issues (errors and warnings), Tests, Debug, Breakpoints and Reports. ⌘0 hides or shows the whole area.
- Editor area (centre) — where you work. It shows the source editor for code, Interface Builder for storyboards, or the SwiftUI canvas. You can split it, and the assistant editor shows a related file side by side, such as a storyboard next to its view controller.
- Inspector area (right) — details about whatever is selected: file information, or a view's size, colour and constraints in Interface Builder. ⌥⌘0 toggles it.
- Debug area (bottom) — variables and the console while the app runs. ⇧⌘Y toggles it.
Two more keys worth learning early: ⌘B builds without running, and ⇧⌘O (Open Quickly) jumps to any file or symbol by typing part of its name.
The shortcut
When you need something, ask "Am I finding, working, inspecting or watching?" — finding is left, working is centre, inspecting is right, watching a running app is bottom.
Press ⌘B
The activity view in the toolbar shows a red error count. Something is wrong.
The trap is searching menus for a panel you closed. Use the shortcut keys: ⌘0 left, ⌥⌘0 right, ⇧⌘Y bottom.
Drills
Answer fast — trust the rule.
Where do you choose whether TrailLog runs on an iPhone 16 simulator or your own phone?
You want a list of every error and warning in the project. Where do you look?
A button in a storyboard is selected. Where do you change its title colour?
Which shortcut builds and runs the app?
Remember
- Toolbar on top, navigators left, editor centre, inspectors right, debug area below.
- Shortcut: finding → left, working → centre, inspecting → right, watching → bottom.
- Lost a panel? ⌘0, ⌥⌘0 and ⇧⌘Y bring the areas back.