How to Navigate the Workspace Window Areas to Develop iOS Apps - dummies

How to Navigate the Workspace Window Areas to Develop iOS Apps

By Jesse Feiler

The Workspace Window is where the magic happens. This is where you will do most of the work for your app. The Workspace is divided into four areas, as follows:

  • Editor area (always shown)

  • Navigator area

  • Utility area

  • Debug area

You can configure the Workspace area in a number of ways. Right off the bat, you can choose to hide and/or show various areas in various combinations. (Note that the Editor area is always present.). The Debug and Utility areas are already configured with panes, but in the Debug area, you can select the pane configuration.

Editor area (always present)

The Editor area is always present. You can choose any of the various content editors to be shown within the Editor area; you do so using the Editor selector, the group of buttons in the toolbar.


The content editors you have available are as follows:


  • Standard editor: The button for this editor is on the left side of the Editor selector. The Standard editor displays a single pane for editing. You have probably worked with standard editors in many environments and IDEs.


  • Assistant editor: Select this editor using the center button. This adds an additional pane to the Editor area so that you can view two files at the same time. You can also split one of the panes so that you can work with three, four, or more files at the same time (the size of your monitor limits the number you can work with at the same time).


  • Version editor: Open this editor using the right button on the Editor selector. This enables you to compare two different versions of a file.

Additional areas to view as needed

You use the View selector to toggle between showing and hiding any of the optional areas.


These optional areas are as follows:


  • Navigator area (left button): This area can display any of a number of navigators that let you navigate through your project, through breakpoints, and other items.


  • Debug area (center button): Displays either or both of two panes depending on what you choose to see. You change panes using the Debug area Scope bar.


    The Debug area Scope bar toggles each pane’s visibility. You can choose either or both of them:

    • Debug pane: This shows you the values for variables as they are set and changed while the app runs.

    • Console pane: This shows you messages generated by the app for the console (including debugging messages you can insert).

    You can control the visibility of each pane, but you can’t reorder them. If the Variables pane is shown, it is always on the left, and if the Console pane is shown, it’s on the right. If only one pane is shown, it takes up the entire width of the Debug area.


  • Utility area (right button): Is further configured with two panes (either can be expanded to hide some or all of the other):

    • Inspector pane

    • Library pane

When you hover your mouse pointer over a toolbar button, a tooltip describes its function.