c# - 如何在 Windows Phone 应用程序开发中进行图像幻灯片放映

Question

我正在使用 Visual C# 2010 构建我的第一个 Windows Phone 应用程序。

• 我想在页面中放映图片
• 在该幻灯片中单击图像时我想导航到另一个页面。

我用谷歌搜索但没有得到太多帮助。我尝试的是:

void Page1_Loaded(object sender, RoutedEventArgs e)
{
    LoadImages();
}

private void LoadImages()
{
    Image.Add("Image/aaa.jpg");
    Image.Add("Image/bbb.jpg");
    Image.Add("Image/ccc.jpg");
    Image.Add("Image/ddd.jpg");
}

我在需要图片幻灯片的页面的设计页面中编写了这些代码。

Answer 1

检查此示例。

在 MainPage.xaml 中添加图像

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <Image x:Name="Img" Height="400" Tap="Img_OnTap" ></Image>
</Grid>

在 MainPage.xaml.cs 中执行以下操作

    private List<string> _images;
    /// <summary>
    /// List of images
    /// </summary>
    public List<string> Images
    {
        get { return _images; }
        set { _images = value; }
    }

    //selected image index
    public int SelectedImageIndex { get; set; }

    // Constructor
    public MainPage()
    {
      InitializeComponent();
      this.Loaded += MainPage_Loaded;
      this.DataContext = this;
    }

   void MainPage_Loaded(object sender, RoutedEventArgs e)
   {
        LoadImages();
        DispatcherTimer t = new DispatcherTimer();
        //setting a 5 second interval
        t.Interval = new TimeSpan(0, 0, 5); 
        t.Tick += t_Tick;
        t.Start();
    }

    void t_Tick(object sender, EventArgs e)
    {
        if (SelectedImageIndex == Images.Count-1)
            SelectedImageIndex = 0;
        else
            SelectedImageIndex++;

        SetImageSource(Images[SelectedImageIndex]);
    }

    //Populating image list
    private void LoadImages()
    {
        if (Images == null)
            Images = new List<string>();
        Images.Add("/Image/aaa.jpg");
        Images.Add("/Image/bbb.jpg");
        Images.Add("/Image/ccc.jpg");
        Images.Add("/Image/ddd.jpg");
        SelectedImageIndex = 0;
        SetImageSource(Images[SelectedImageIndex]);
    }

    //setting image source
    private void SetImageSource(string imagePath)
    {
        Img.Source = new BitmapImage(new Uri(imagePath, UriKind.RelativeOrAbsolute));
    }

    //Image tap event
    private void Img_OnTap(object sender, GestureEventArgs e)
    {
        string selectedImagePath = Images[SelectedImageIndex];
        //Put your navigation here
    }