I’m currently experimenting with Navigation on the Apple Watch. In my last post, I covered Page-Based Navigation. This time I’m going to look into Hierarchical navigation. Again, I want to point out that there is no such thing as a Navigation Controller in WatchKit!

Since a Table is one of the best use-cases for Hierarchical navigation, I’m going to expand on the Minions Table I created in a previous post – Let’s Create a Table. So go through the steps mentioned there to get your project set up!

In this post, I’m going to go through the part of selecting a Table Cell, and going to a Detail Interface Controller.

Create a Detail Interface Controller

Of course the first step is to create the next Interface for the Hierarchy to happen! Just drag another InterfaceController to the Storyboard, and get it set up:

As you can see, my detail interface has a label and an image. I also created a custom MinionDetailInterfaceController, in which I added the IBOutlets for my Label and Image:

Create a Segue

Now comes the easy part. Just create a push segue (Control + Drag) between the Table Row Controller and the Detail Interface Controller.

Now, when you run the app, select the cell, and it goes to the detail view!