Navegação entre Telas — WatchOS

Heitor Ishihara
Apple Developer Academy | Mackenzie
4 min readApr 27, 2018

Aplicativos para Apple Watch podem conter mais de uma tela, nesse caso é necessário escolher a melhor maneira de realizar a transição entre elas. É importante ressaltar que deve ser escolhida apenas um tipo de navegação, utilizar os dois tipos ao mesmo tempo pode não funcionar apropriadamente.

Em um aplicativo watchOS a navegação entre telas pode ser feita de duas maneiras: Hierarchical e Page-Based.

Hierarchical

A navegação do tipo Hierarchical assemelha-se à NavigationController do iOS. Utilizada principalmente para exibir informações variadas o usuário pode selecionar um item para que outra tela seja exibida revelando detalhes do item selecionado. Assim como na NavigationController, a Hierarchical também apresenta um botão no canto superior esquerdo para voltar a tela anterior.

Para criar uma segue hierárquica, simplesmente conecte um botão a uma Interface Controller e selecione push no storyboard. Quando o botão for pressionado, o aplicativo navegará até a próxima tela.

Page-based

Por sua vez, a navegação do tipo Page-based assemelha-se à uma PageView no iOS. Utilizada principalmente para apresentar coleções de informações semelhantes onde cada informação é apresentada individualmente em uma página própria. O usuário pode navegar entre as páginas ao realizar swipes horizontais.

Além dos tipos de navegação citados acima é possível apresentar telas de uma outra maneira, são os Modal Sheets, essa que ao contrário das outras foge do fluxo de navegação principal do aplicativo.

Para criar uma navegação page-based, conecte um Interface Controller a outro e selecione next page no storyboard.

Modal Sheets

Um Modal Sheet é uma view de tela cheia que sobrepõem a tela atual do seu aplicativo. Utilizada para mostrar conteúdos personalizados a Modal Sheet foge do fluxo principal do aplicativo e não deve ser utilizada como uma maneira de navegar entre telas.

A Modal Sheet apresenta obrigatoriamente um botão no canto superior esquerdo para fecha-la e retornar a tela anterior. Como ela não funciona como modo de navegação, o botão utilizado para fecha-la deve apresentar uma label como “Fechar”, “OK” ou “Pronto” e nunca como “Voltar”.

É recomendado que não se apresente uma Modal Sheet sobre a outra pois ao fecha-la é esperado que o usuário volte para o fluxo principal do seu aplicativo.

Para criar uma Modal Sheet, conecte um botão a um Interface Controller e selecione Modal no storyboard.

Conclusão

Esperamos que com esse artigo você possa ter se familiarizado com os fundamentos básicos sobre o fluxo de telas no WatchOS. Para se aprofundar mais não deixe de ler a documentação oficial da Apple e os links ao fim do conteúdo.

Fontes:

--

--