Como faço para adicionar uma interface de página com base nos meus apple watch app?

2015-01-30_21-23-05

A interface baseada na página em um aplicativo é útil para a exibição de conteúdo não-hierárquica. Se seu aplicativo iOS inclui uma interface baseada na página, ele faz sentido usar a mesma interface em seu aplicativo Apple Watch. Leia mais para descobrir como fazê-lo no Xcode.

Para fins de demonstração, será usado um aplicativo WatchKit simples com três controladores de interface. Uma delas é a visão inicial, e os outros dois são telas modais que são apresentados em estilo baseado em página. Antes de seguir o tutorial, certifique-se de ter criado um novo projeto Xcode e acrescentou o alvo WatchKit.

Neste tutorial, vamos criar a navegação do storyboard.

1. Vou ao Interface.storyboard arquivo na pasta WatchKit App, e adicionar mais dois controladores de interface para o storyboard. Para o primeiro, adicionar um botão à vista. A segunda e terceira vista contém uma etiqueta simples que mostra o índice página.

2015-01-30_20-29-45



2. Control-arrastar a partir do botão no primeiro controlador de vista a segundo visualizar e escolher o modal opção no menu Ação Segue. Você tem que defini-lo como segue modal uma vez que a navegação baseada em página não funciona com um segue empurrão.

2015-01-30_20-30-36

3. Control-arrastar a partir da segunda vista à terceira visão, e escolha próxima página no Segue relação cardápio.

2015-01-30_20-32-05

4. Isso é tudo o que você precisa fazer para ter uma navegação baseada em página de trabalho na sua aplicação. Seu storyboard agora se parece com isso. Observe os indicadores Segue recém-adicionados entre os pontos de vista.

2015-01-30_20-32-36

5. Execute o aplicativo e, em seguida, toque no botão para abrir a primeira tela modal. Como você pode ver, há um indicador de página na parte inferior da tela. Se você deslizar para a esquerda, você vai ver a segunda tela.

2015-01-30_20-34-47

6. Repita o passo 3 para adicionar mais páginas para a tela. No próximo tutorial, vamos aprender a fazer a mesma coisa a partir do código.

» » Como faço para adicionar uma interface de página com base nos meus apple watch app?