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

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

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.

    Pridanie možnosti obrazovky na karte Domovská stránka

  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.

    Premenovanie predvolenej obrazovky

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

    Dve obrazovky na ľavom navigačnom paneli

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.

    Možnosť tvarov na karte Vložiť

  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.

    Vlastnosť OnSelect nastavená na funkciu Navigate

    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.