Ett sidbaserat gränssnitt i en app är användbart för visning av icke-hierarkiskt innehåll. Om din iOS-app innehåller ett sidbaserat gränssnitt är det meningsfullt att använda samma gränssnitt i appen Apple Watch. Läs vidare för att få reda på hur man gör det i Xcode.
För demonstrationsändamål kommer en enkel WatchKit-app med tre gränssnittsregulatorer att användas. En är den ursprungliga vyn, och de två andra är modala skärmar som presenteras i sidbaserad stil. Innan du följer handledningen, se till att du har skapat ett nytt Xcode-projekt och lagt till WatchKit-målet.
I denna handledning kommer vi att skapa navigeringen från storyboardet.
1. Gå till Interface.storyboard filen under mappen WatchKit App och lägg till ytterligare två gränssnittsregulatorer till storyboardet. För den första lägger du till en knapp i vyn. Den andra och tredje vyn innehåller en enkel etikett som visar sidindex.
2. Kontroll-drag från knappen i den första vynkontrollen till andra Visa och välj modal alternativet från menyn Action Segue. Du måste ange den som modal segue eftersom sidbaserad navigering inte fungerar med en push-segue.
3. Kontroll-drag från den andra vyn till den tredje vyn, och välj nästa sida i Relationship Segue meny.
4. Det är allt du behöver göra för att få en fungerande sidbaserad navigering i din app. Din storyboard ser nu ut så här. Lägg märke till de nyligen tillsatta segueindikatorerna mellan vyerna.
5. Kör appen och tryck sedan på knappen för att få fram den första modala skärmen. Som du kan se finns en sidindikator längst ner på skärmen. Om du sveper till vänster kommer du att se den andra skärmen.
6. Upprepa steg 3 för att lägga till fler sidor på skärmen. I nästa handledning kommer vi att lära oss hur vi gör samma sak från koden.