Forum Xamarin.Forms
We are excited to announce that the Xamarin Forums are moving to the new Microsoft Q&A experience. Q&A is the home for technical questions and answers at across all products at Microsoft now including Xamarin!

We encourage you to head over to Microsoft Q&A for .NET for posting new questions and get involved today.

How to provide instruction when open the app in xamarin.forms?

PriyaRastogiPriyaRastogi INMember ✭✭✭

I want to provide instruction of the user that how user can use the app.but i did not found any method for instruction.if any one have any method to define instruction when user open the app first time please suggest me for this.i found showcase in android.is there any method in Xamarin forms.

Tagged:

Best Answer

Answers

  • PriyaRastogiPriyaRastogi INMember ✭✭✭

    @ClintStLaurent its look like..

  • marcnegrimarcnegri CHMember ✭✭

    @PriyaRastogi,

    You can either use a pop-up as Laurent said. Or use RelativeLayout and play with images and opacity. Don't forget, for your UX, to add a shortcut for the onBoarding (like a closing cross).

    Here an example of CarrouselView in a Popup :

    c#
    
     <ScrollView
        HorizontalOptions="Center"
        VerticalOptions="Center">
        <AbsoluteLayout>
          <Frame
            x:Name="FrameContainer"
            HorizontalOptions="Center"
            Padding="0"
            BackgroundColor="White">
        <cv:CarouselView x:Name="OnBoardingCarousel" VerticalOptions="FillAndExpand" HeightRequest="500" WidthRequest="270">
            <cv:CarouselView.ItemTemplate>
              <DataTemplate>
                    <Image
                      HorizontalOptions="Center"
                      x:Name="OctocatImage"
                      VerticalOptions="Fill" Source="{Binding ImageSource}">
                    </Image>
                </DataTemplate>
            </cv:CarouselView.ItemTemplate>
        </cv:CarouselView>
          </Frame>
          <ContentView
              AbsoluteLayout.LayoutFlags="PositionProportional"
              AbsoluteLayout.LayoutBounds="1, 0, -1, -1">
            <ContentView.GestureRecognizers>
              <TapGestureRecognizer Tapped="OnCloseButtonTapped"/>
            </ContentView.GestureRecognizers>
            <Image
              x:Name="CloseImage"
              HeightRequest="30"
              WidthRequest="30">
              <Image.Source>
                <OnPlatform
                  x:TypeArguments="ImageSource"
                  Android="close_circle_button.png"
                  iOS="close_circle_button.png"/>
              </Image.Source>
            </Image>
          </ContentView>
        </AbsoluteLayout>
      </ScrollView>
    
    
    
  • PriyaRastogiPriyaRastogi INMember ✭✭✭

    @ClintStLaurent Thanks
    I used rg.plugins.popups. It is working for me.

  • SerenaSerena Member ✭✭

    @PriyaRastogi Hi I am looking for something similar, would u like to share some samples? Did you track the version to make it only pop up when the user first use it?

Sign In or Register to comment.