FlipView Control for Windows 10

In the following blog, I will show how to work with a Flipview control in Universal Windows Apps.

Flipview represents an item control that displays one item at a time, and enables "flip" behavior for traversing its collection of items.

Step 1: Open a blank app and add a Flipview control with some images either from the toolbox or by copying the following XAML code into your grid. ( If you are copy pasting the code you hve to add images to your assets folder and change the name accordingly)

<FlipView x:Name="myFlipview">
    <Image Source="/Assets/image1.jpg" Stretch="Uniform" />
    <Image Source="/Assets/image2.jpg" Stretch="Uniform" />
    <Image Source="/Assets/image3.jpg" Stretch="Uniform" />
    <Image Source="/Assets/image4.jpg" Stretch="Uniform" />
    <Image Source="/Assets/image5.jpg" Stretch="Uniform" />
    <Image Source="/Assets/image6.jpg" Stretch="Uniform" />
</FlipView>

Use a FlipView to present a collection of items that the user views sequentially, one at a time. It's useful for displaying a gallery of images or the pages of a magazine.

Step 2 : Run and test your application.