【demo练习三】：图片水平滚动、点击按钮变更图片动画

要求：四张图片水平滚动，每隔5秒进行一次循环，点击按钮随机变更图片。

XAML前台代码：

 <Window x:Class="图片滚动.MainWindow"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         Loaded="Window_Loaded"
         Title="MainWindow"
         Height="350"
         Width="525">
     <Viewbox>
         <Canvas Width="1241" Height="768" Name="ImageCanvas"  Background="SkyBlue">
             <Canvas x:Name="canvas_photo" Width="1242" Height="200">
                     <Image x:Name="image1" Width="200" Height="200"
                            Canvas.Left="0" Source="F:\zcWPF入门\图片滚动\图片滚动\bin\Debug\Images\4.jpg">
                     </Image>
                     <Image x:Name="image3" Width="200" Height="200"
                            Canvas.Left="420" Source="F:\zcWPF入门\图片滚动\图片滚动\bin\Debug\Images\6.jpg" Canvas.Top="0">
                     </Image>
                     <Image x:Name="image4" Width="200" Height="200"
                            Canvas.Left="620" Source="F:\zcWPF入门\图片滚动\图片滚动\bin\Debug\Images\7.jpg" Canvas.Top="0">
                     </Image>
                     <Image x:Name="image2" Width="200" Height="200" Canvas.Left="218" Source="F:\zcWPF入门\图片滚动\图片滚动\bin\Debug\Images\5.jpg" Canvas.Top="0"></Image>
             </Canvas>
             <Button Canvas.Left="303" Canvas.Top="474" Content="Button" Height="77"
                     Name="button1" Width="184" Click="button1_Click" />
         </Canvas>
     </Viewbox>
 </Window>

C#后台代码：

 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Text;
 using System.Windows;
 using System.Windows.Controls;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Navigation;
 using System.Windows.Shapes;
 using System.Windows.Media.Animation;
 using System.Windows.Threading;
 using System.IO;

 namespace 图片滚动
 {
     /// <summary>
     /// MainWindow.xaml 的交互逻辑
     /// </summary>
     public partial class MainWindow : Window
     {
         private System.Windows.Threading.DispatcherTimer dTimer = new DispatcherTimer();
         List<string> listPath = new List<string>();
         //设定图片集合
         List<Image> listImg = new List<Image>();

         double position = 0.0;

         public MainWindow()
         {
             InitializeComponent();
         }

         private void Window_Loaded(object sender, RoutedEventArgs e)
         {

             listImg.Add(image1);
             listImg.Add(image2);
             listImg.Add(image3);
             listImg.Add(image4);

             DoubleAnimation animation = new DoubleAnimation();
             //animation.From = 0;
             //animation.To = 250;
             animation.RepeatBehavior = RepeatBehavior.Forever;
             animation.Duration = TimeSpan.FromSeconds();
             image1.BeginAnimation(Canvas.LeftProperty, animation);
             //image1.BeginAnimation(Canvas.TopProperty, animation);

             loadInfo();

             //dTimer.Tick += new EventHandler(dTimer_Tick);
             //dTimer.Interval = new TimeSpan(0, 0, 5);
             //dTimer.Start();

             //每30毫秒触发一次定时器
             dTimer.Tick += new EventHandler(dTimer_Tick);
             dTimer.Interval = TimeSpan.FromMilliseconds();
             dTimer.Start();

         }

         //遍历加载指定文件下的文件
         public void loadInfo()
         {
             string floderPath = System.Environment.CurrentDirectory + "\\Images\\";
             DirectoryInfo TheFolder = new DirectoryInfo(floderPath);
             foreach (FileInfo NextFile in TheFolder.GetFiles())
             {
                 listPath.Add(NextFile.FullName);
             }
         }

         private string Window_Loaded(int index)
         {
             return System.Environment.CurrentDirectory + "\\Images\\" + index.ToString() + ".jpg";
         }

         //int i;
         private void dTimer_Tick(object sender, EventArgs e)
         {
             //if（Mouse）
             foreach (var item in listImg)
             {
                 position = Canvas.GetLeft(item);
                 //图片进行两个位置的移动
                 position = position + ;
                 //判断如果越界了
                 if (position > this.canvas_photo.Width + )
                 {
                     //则回到起点图片零起点
                     Canvas.SetLeft(item, );
                 }
                 else
                 {
                     //没有越界则继续移动
                     Canvas.SetLeft(item, position);
                 }
             }
             //for (i = 0; i < listImg.Count; i++)
             //{
             //    position = Canvas.GetLeft(listImg[i]);
             //    position = position + 2;
             //    if (position > this.canvas_photo.Width + 200)
             //    {
             //        Canvas.SetLeft(listImg[i], 0);
             //    }
             //    else
             //    {
             //        Canvas.SetLeft(listImg[i], position);
             //    }
             //}
         }

         //int imageIndex = 0;
         private void button1_Click(object sender, RoutedEventArgs e)
         {
             //随机事件
             Random ran = new Random();
             int RandKey = ran.Next(, ) % listPath.Count;
             listImg[(new Random().Next(, )) % listImg.Count].Source = new BitmapImage(new Uri(listPath[RandKey]));
         }
     }
 }