Mobiele apps programmeren met Xamarin – Navigatie – Inleiding

print

Inhoud


Wat vooraf ging

U hebt tot nu toe, in de module “Eenvoudige functionaliteiten” verschillende losstaande pagina’s (formulieren) aangemaakt. Het wordt tijd om deze afzonderlijke pagina’s te integreren in een “samenhangend” geheel.

Navigatie helpt u om van de ene pagina naar de andere pagina te gaan en… terug.


Navigatie in Xamarin

Xamarin kent de volgende ingebouwde navigatie structuren:

Hiërarchische Navigatie

De NavigationPage class voorziet een hiërarchische navigatie tussen pagina’s door voorwaarts en terug (back button) te navigeren.

TabbedPage

Een Xamarin.Forms TabbedPage bevat een aantal tabbladen die elk een specifieke pagina laden.

CarouselPage

De Xamarin.Forms CarouselPage laat de gebruiker “swipen” tussen verschillende pagina’s.

MasterDetailPage

De Xamarin.Forms MasterDetailPage bevat twee pagina’s, een “master” pagina die een lijst met items bevat en de “detail” pagina die de gedetailleerde pagina weergeeft van de gekozen “master” pagina.

Modal Pages

Xamarin.Forms ondersteunt ook modal pages. Een modale pagina is een pagina die de gebruiker verplicht om een bepaalde taak te beëindigen (bepaalde informatie in te geven) voor hij verder kan.

In volgende posts worden deze verschillende vormen van navigatie in detail besproken.


Navigatiestroom bij het inloggen

Onderstaande video legt de “navigatiestroom” uit die van toepassing is bij het inloggen. Deze video legt vooral de nadruk op de navigatie en minder op de eigenlijke code nodig om in te loggen. De bedoeling van deze video is dan ook inzicht te krijgen in hoe de navigatie bij het inloggen gebeurt en niet hoe het eigenlijke inloggen kan worden geprogrammeerd (dit zien we later).


Behandelde Basiscompetenties uit de module ICT Programmeren – Integratie externe functionaliteiten

  • IC BC017 – kan ICT veilig en duurzaam gebruiken
  • IC BC256 – kan diverse elementen tot een nieuw betekenisvol geheel samenstellen
  • IC BC288 – kan ICT-problemen oplossen

Geef een reactie

  • Abonneer je op deze website d.m.v. e-mail

    Voer je e-mailadres in om je in te schrijven op deze website en e-mailmeldingen te ontvangen van nieuwe berichten.