Pridanie obrazovky do plátnovej aplikácie a prechádzanie medzi obrazovkamiAdd a screen to a canvas app and navigate between screens

• 07/10/2017
• 2 min na prečítanie
• Prispievatelia
  • 
  • 

Vytvorte plátnovú aplikáciu s rôznymi obrazovkami a pridajte spôsoby, akými môžu používatelia nimi prechádzať.Create a canvas app with multiple screens, and add ways for users to navigate between them.

PredpokladyPrerequisites

• Zistite, ako sa konfiguruje ovládací prvok.Learn how to configure a control.
• Vytvorte alebo otvorte aplikáciu.Create or open an app.

Pridanie a premenovanie obrazovkyAdd and rename a screen

1. Na karte Domov kliknite alebo ťuknite na možnosť Nová obrazovka.On the Home tab, click or tap New screen.

   

2. Na pravej table kliknite alebo ťuknite na názov obrazovky (priamo nad kartou Vlastnosti) a potom zadajte nový názov Zdroj.In the right-hand pane, click or tap the name of the screen (just above the Properties tab), and then type the new name Source.

   

3. Pridajte ďalšiu obrazovku a pomenujte ju Cieľ.Add another screen, and name it Target.

   

Pridanie navigácieAdd navigation

1. Keď máte vybratú obrazovku Zdroj, otvorte kartu Vložiť, kliknite alebo ťuknite na položku Ikony a potom kliknite alebo ťuknite na položku Šípka ďalej.With the Source screen selected, open the Insert tab, click or tap Icons, and then click or tap Next arrow.

   

2. (voliteľné) Presuňte šípku tak, aby sa zobrazila v pravom dolnom rohu obrazovky.(optional) Move the arrow so that it appears in the lower-right corner of the screen.

3. Kým máte šípku naďalej vybratú, kliknite alebo ťuknite na kartu Akcia a potom kliknite alebo ťuknite na položku Navigácia.With the arrow still selected, click or tap the Action tab, and then click or tap Navigate.

   Vlastnosť OnSelect pre šípku sa automaticky nastaví na funkciu Navigate.The OnSelect property for the arrow is automatically set to a Navigate function.

   

   Keď používateľ klikne na tlačidlo alebo ťukne na šípku, obrazovka Cieľ sa zosilní.When a user clicks or taps the arrow, the Target screen fades in.

4. Na obrazovke Cieľ pridajte Šípku späť a nastavte jej vlastnosť OnSelect podľa tohto vzorca:On the Target screen, add a Back arrow, and set its OnSelect property to this formula:
   Navigate(Source, ScreenTransition.Fade)Navigate(Source, ScreenTransition.Fade)

5. Otvorte režim ukážky ( alebo stlačte kláves F5) a potom prepínajte medzi obrazovkami kliknutím alebo ťuknutím na šípky, ktoré ste pridali.Open Preview mode ( or press F5), and then switch between the screens by clicking or tapping the arrows that you added.

6. Stlačením klávesu Esc sa vráťte do predvoleného pracovného priestoru.Press Esc to return to the default workspace.