【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(5);
            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(30);
            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 + 2;
                //判断如果越界了
                if (position > this.canvas_photo.Width + 200)
                {
                    //则回到起点图片零起点
                    Canvas.SetLeft(item, 0);
                }
                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(100, 999) % listPath.Count;
            listImg[(new Random().Next(0, 1000)) % listImg.Count].Source = new BitmapImage(new Uri(listPath[RandKey]));
        }
    }
}