Tässä opetusohjelmassa keskustelemme PowerApps-navigoinnin kontekstista. Käytämme Takaisin- ja Navigoi- toimintoja muuttaaksemme, mikä näyttö sovelluksissamme näytetään.
Useimmat sovellukset sisältävät useita näyttöjä. Käyttäjäystävällisen PowerApps-navigoinnin ansiosta käyttäjät voivat navigoida tehokkaasti sovellusnäytöissä.
Napsauta viitesivulla Navigoi ja katso mitä se tekee.
Navigoi - toiminto muuttaa näytettävää näyttöä. Meillä on esimerkki, jotta ymmärrämme paremmin, kuinka tämä toiminto toimii.
Sisällysluettelo
PowerApps-navigointi Navigointi-toiminnon avulla
Napsauta ensin ensimmäistä datakorttia ( Beau Spratling ).
Siirry OnSelect - triggeriin, niin näemme, että Navigoi- toimintoa käytetään viemään käyttäjä määritettyyn näyttöön ( DetailScreen1 ). Tämä tarkoittaa, että kun napsautat tätä korttia, se ohjaa meidät DetailScreeniin1 .
Toisaalta toinen argumentti koskee siirtymätyyppiä, jonka haluamme asettaa. Se on tällä hetkellä asetettu arvoon Ei mitään .
Viitesivulla voimme nähdä erilaiset siirtymät, joista voimme valita, ja esittelyn jokaisesta niistä.
Voimme helposti muuttaa Navigate Transitionia napsauttamalla tietokorttia uudelleen. Napsauta sitten toista argumenttia.
Sen jälkeen näyttöön tulee teksti ScreenTransition.None .
Poista sana Ei mitään lopusta, niin eri siirtymävaihtoehdot tulevat näkyviin alle. Tässä esimerkissä käytetään Fade- siirtymää. Kokeile toistaa sovellustasi, niin näet kuinka Fade- siirtymä toimii.
Napsauta nyt tietokorttimme sisällä olevaa nuolta.
Näemme, että sen laukaisin on myös OnSelect ja se valitsee Parent- elementin.
Nuolen yläelementti viittaa itse tietokorttiin. Se käyttää Navigoi -toimintoa, joka ohjaa käyttäjät DetailScreeniin1 . Kun napsautetaan, se tekee saman asian kuin napsauttaessamme datakorttia.
Muokkaustoiminnon lisääminen PowerApps-navigointiin
Yritetään nyt lisätä muokkaussymboli, joka ohjaa meidät muokkaussivulle suoraan tietokortistamme. Napsauta Separator5- elementtiä BrowseGallery1:n alla .
Napsauta sitten kuvakkeita ja valitse Muokkaa -kuvake.
Koska olemme lisänneet sen BrowseGallery1: een , se replikoi itsensä jokaiselle gallerian datakortille.
Siirretään sitten kuvaketta nuolikuvan viereen ja muutetaan sen kokoa, kunnes se on hieman pienempi.
Tämä muokkauskuvake käytti oletusarvoisesti myös OnSelect- liipaisinta ja Select- toimintoa pääelementistä. Joten napsauttamalla tätä, se ohjaa meidät myös yksityiskohtien näyttöön.
Muutetaan se muuttamalla funktioksi Navigoi . Muuta Select(Parent) -asetukseksi Navigoi (EditScreen1) sen sijaan.
Asetamme toiseksi argumentiksi ScreenTransition.UnCover . Muista erottaa nämä kaksi argumenttia pilkulla ( , ).
Pelataan nyt sovellustamme.
Napsauta sen jälkeen Muokkaa- painiketta.
Sitten meidät ohjataan muokkausnäyttöön.
PowerApps-navigoinnin Back-toiminnon ymmärtäminen
Napsauta EditScreen1 : ssä otsikon vieressä olevaa X- painiketta.
Tässä esimerkissä käytimme ResetForm ()-funktiota yhdessä Takaisin ()-funktion kanssa .
Kun navigoimme jonnekin,muistaa viimeksi avaamamme näytön. Voimme navigoida viimeiseen näyttöön käyttämällä Back() -toimintoa.
Esimerkiksi käyttämällä tätä toimintoa X -painikkeessa voimme helposti palata päänäyttöön, jos pääsemme muokkausnäyttöön päänäytöstä. Jos pääsemme muokkausnäyttöön yksityiskohtaisesta näytöstä, X -painike tuo meidät takaisin yksityiskohtanäyttöön.
Voimme myös lukea yksityiskohtaisemman selityksen Back()- funktiosta kaavan viitesivulta.
Johtopäätös
Yhteenvetona voimme oppia PowerApps-navigoinnin tärkeyden ja kontekstin. Pystymme myös ymmärtämään, kuinka Paluu- ja Navigoi -toiminnot toimivat sovelluksessamme. Voimme määrittää visuaalisen siirtymän kaavassa hallitaksemme, kuinka yksi näyttö muuttuu toiseksi.
Muista vain, että on aina tärkeää tarjota käyttäjille tehokas tapa navigoida sovellusnäytöissäsi.
Kaikki parhaat,
Henry