如何在Visual Studio 2013中制作Windows Phone 8应用的幻灯片显示？

Question

I am new to Windows Phone Dev. I d like to do a slideshow of for images with swipe gesture in C#, but i cant... The development app is for Win8 in visual studio 2013.

Somebody know a good tutorial or some example to do this? Cheers!

Answer 1

I think the control you are looking for is the FlipView

It will work on both Windows 8.1 and Windows phone 8.1

Using it is very simple, add that in your XAML:

// SelectionChanged event will be fired every time a picture changes (optional)
<FlipView x:Name="flipView1" SelectionChanged="FlipView_SelectionChanged">
    // Of course replace the source with the relative paths 
    // of the pictures you want to show
    <Image Source="Assets/Logo.png" />
    <Image Source="Assets/SplashScreen.png" />
    <Image Source="Assets/SmallLogo.png" />
</FlipView>

This is the simple usage of a FlipView control, but as always it is better to use Bindings and MVVM design pattern, in case you are using it here is what you should write

In your XAML:

<FlipView x:Name="Diaporama"
          ItemsSource="{Binding FlipViewImage}">
     <FlipView.ItemTemplate>
          <DataTemplate>
              <Image Source="{Binding}"
                     Stretch="Fill" />
          </DataTemplate>
     </FlipView.ItemTemplate>
</FlipView>

And in my ViewModel:

// I binded the FlipView with FlipViewImage
// which is a list of strings (each string being a path)
private List<string> _flipViewImage;

public List<string> FlipViewImage
{
   get { return _flipViewImage; }
   set
   {
      _flipViewImage = value;
      NotifyPropertyChanged("FlipViewImage");
   }
}

// Then I fill the list
FlipViewImage = new List<string>
{
   // Again replace the image paths with your own
   "../Assets/Seel_photo_Aurelien.png",
   "../Assets/shop_woman.jpg",
   "../Assets/Poster.jpg"
};

You now have a slideshow of pictures that you can change with swipe gesture.

I just showed the basic stuff you can do with it, you can find more on the MSDN website or looking in Google

Msdn documentation for FlipView