How to create On-boarding screen in Xamarin form?

I am trying to Design Onboarding screen In Xamarin Forms .Any Suggestion Please?

Answers

  • yelinzhyelinzh Member, Xamarin Team Xamurai

    What's you mean create "On-boarding screen" ? Could you please elaborate a bit more ?

  • Xami3Xami3 PKMember, University ✭✭✭

    Can you please provide some kind of sketch or png which you want to create? a lil detail like in which situations it should be visible etc

  • SwagatikaSwagatika Member ✭✭

    @yelinzh said:
    What's you mean create "On-boarding screen" ? Could you please elaborate a bit more ?

    i am trying to design a personal profile app there i want to add intro screen like preview .

  • NMackayNMackay GBInsider, University mod

    @Swagatika said:

    @yelinzh said:
    What's you mean create "On-boarding screen" ? Could you please elaborate a bit more ?

    i am trying to design a personal profile app there i want to add intro screen like preview .

    What normally happens is your UX team will provide a design (maybe in Zeplin) and you implement that design, really no-one here is going to do that for you, people try and assist with issue you run into while trying to implement your design.

    There are companies out there that provide pre-baked templates if you don't know where to start with the design.

    Here's a selection.

    Pre-setup UX templates
    https://grialkit.com/

    3rd party vendors sometimes provide out of the box templates
    https://www.telerik.com/blogs/introducing-new-telerik-ui-for-xamarin-visual-studio-item-templates

  • yelinzhyelinzh Member, Xamarin Team Xamurai
    edited March 8

    @Swagatika
    Try to use Shell, Xamarin.Forms Shell is a container for applications .It may meet your needs.
    Refer to https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell?tabs=android
    Sample https://github.com/Microsoft/TailwindTraders-Mobile

  • SwagatikaSwagatika Member ✭✭

    I Am trying to design a on boarding screen like this image.

  • OOgwayOOgway USMember

    Hi @Swagatika, I'm not allowed to post the link here (new accounts policy I guess), but there's an article from Juan Manuel Gentili on Medium about "Making an Onboarding to introduce first-time users with Xamarin.Forms". It's from April, 14, 2019, so if you still have not found the answer to your question, it may be worth a try.

  • JeffreyBakkerJeffreyBakker USUniversity
    edited May 17

    I've used CarouselPage or CarouselView for onboarding screens in the past. Sorry, I'm not allowed to post links because I need to be a forum member for "longer" (2 years isn't enough apparently), but they are easily searchable.

    IIRC there were some tricky challenges like not being able to change the Root Page once the app is launched, but you can stick it in a NavigationPage and disable the navigation bar until the onboarding is finished, then pop the carousel off the nav stack (we were using NavigationPage anyways).

  • AndreiMisiukevich_AndreiMisiukevich_ USMember ✭✭✭✭

    https://github.com/AndreiMisiukevich/CardView

    4 animation types for you "carouselView" :) check github

Sign In or Register to comment.