Ads Top

Flip View Control

This View Control is one of the most common practice use in windows app development. Let's see how it works in simple steps.

Open Visual Studio 2013 or higher, Create new project for widows store app and name it FlipViewTutorial.

 

Write following code under grid.

<FlipView x:Name="flipView1">
            <!--Textbox tag is making Flip view one-->
            <TextBox Text="This is 1st Flip view"
                     FontSize="100"
                     HorizontalAlignment="Center"
                     VerticalAlignment="Center"/>
           
            <Image Source="Assets/Logo.png" />
           
            <!--Textbox tag is making third Flip view-->
            <TextBox
                Text="This is 3rd Flip view" 
                FontSize="100"
                HorizontalAlignment="Center"
                VerticalAlignment="Center" />
           
            <!--Image tag is making Flip view one-->
            <Image Source="Assets/SmallLogo.png" />
        </FlipView>

  
To run app press F5 or click on Local Machine button.

No comments:

Powered by Blogger.