WPF 无缝图片滚动

上图是效果  可以双方向拖动

废话不多说上代码

界面:

<Window x:Class="FlashPrac2.MainWindow"  
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
        Title="MainWindow" Height="200" Width="800" KeyDown="Window_KeyDown" Loaded="Window_Loaded" >
    <Canvas Width="800" x:Name="cvsGround" Background="Red"  PreviewMouseLeftButtonDown="grdTest_PreviewMouseLeftButtonDown"  
                    PreviewMouseLeftButtonUp="grdTest_PreviewMouseLeftButtonUp">   
    </Canvas>
</Window>

后台代码:

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;
namespace FlashPrac2
{
    /// <summary>  
    /// MainWindow.xaml 的交互逻辑  
    /// </summary>  
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        /// <summary>
        /// 创建双精度动画对象  
        /// </summary>
        DoubleAnimation doubleAnimation = new DoubleAnimation();

        /// <summary>
        /// 产生图片的循环变量
        /// </summary>
        public static int imgCycle = 0;

        /// <summary>
        /// 产生图片的数量
        /// </summary>
        int imgCount = 4;
        
        /// <summary>  
        /// 完成缓冲效果  
        /// </summary>  
        /// <param name="to">目标位置</param>  
        private void DoMove(double to)
        {
            int Direction = 0;


            //需要移除的图片列表
            List<UIElement> ElementList = new List<UIElement>();

            //添加图片的位置
            double endDouble = 0;

            //循环移动图片的位置  并且判断需要删除的图片
            foreach (UIElement element in cvsGround.Children)
            {
                double transferLeft = Convert.ToDouble(element.GetValue(Canvas.LeftProperty));
                doubleAnimation.To = to + transferLeft;
                element.BeginAnimation(Canvas.LeftProperty, doubleAnimation);//设置动画应用的属性并启动动画 
                transferLeft = Convert.ToDouble(element.GetValue(Canvas.LeftProperty));
                if (to < 0)
                {
                    if (transferLeft < -400)
                    {
                        ElementList.Add(element);
                    }
                    if (transferLeft > endDouble)
                    {
                        endDouble = transferLeft;
                    }
                    Direction = 1;
                }
                else 
                {
                    if (transferLeft > cvsGround.Width + 400)
                    {
                        ElementList.Add(element);
                    }
                    if (transferLeft < endDouble)
                    {
                        endDouble = transferLeft;
                    }
                    Direction = 0;
                }
                
            }
            //循环删除图片
            foreach (UIElement element in ElementList) 
            {
                cvsGround.Children.Remove(element);
            }

            List<Image> imgList = new List<Image>();

            //考虑每次移动的误差  endDouble 都要 加上图片的 宽度
            if (to < 0)
            {
                imgList = ControlsLoad(ElementList.Count, Direction, endDouble + 100);
            }
            else 
            {
                imgList = ControlsLoad(ElementList.Count, Direction, endDouble - 100);
            }
            
            //循环移动 添加的图片
            foreach (UIElement element in imgList)
            {
                double transferLeft = Convert.ToDouble(element.GetValue(Canvas.LeftProperty));
                doubleAnimation.To = to + transferLeft;
                element.BeginAnimation(Canvas.LeftProperty, doubleAnimation);//设置动画应用的属性并启动动画 
            }
            //System.Windows.Forms.MessageBox.Show(cvsGround.Children.Count + "");
        }

        private double pressedX;
        /// <summary>  
        /// 点击鼠标，记录鼠标单击的位置  
        /// </summary>  
        /// <param name="sender"></param>  
        /// <param name="e"></param>  
        private void grdTest_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            ////获得鼠标点击的X坐标  
            pressedX = e.GetPosition(cvsGround).X;
        }

        /// <summary>
        /// 鼠标释放时的操作
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void grdTest_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            
           
            
            ////获得鼠标释放时的位置  
            double releasedX = e.GetPosition(cvsGround).X;
            ////获得距离间隔  
            double to = releasedX - pressedX;
            pressedX = 0;
            ////计算出传送带要的目标位置  
            
           
            DoMove(to);
        }
        /// <summary>
        /// esc关闭窗口
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Window_KeyDown(object sender, KeyEventArgs e)
        {
            if (e.Key == Key.Escape) 
            {
                System.Environment.Exit(0);
            }
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            AniamtionLoad();
            ControlsLoad();

        }

        /// <summary>
        /// 图片的运动方法
        /// </summary>
        private void AniamtionLoad() 
        {
            doubleAnimation.Duration = TimeSpan.FromSeconds(0.5);//设置动画时间线长度  
            doubleAnimation.AccelerationRatio = 0.1;//动画加速  
            doubleAnimation.DecelerationRatio = 0.5;//动画减速  
            doubleAnimation.FillBehavior = FillBehavior.HoldEnd;//设置动画完成后执行的操作  
        }
        /// <summary>
        /// 产生初始图片
        /// </summary>
        private void ControlsLoad() 
        {
            
            for (int i = -4 ; i < 30; i++)
            {
                
                // Create the image element.
                Image simpleImage = new Image();
                simpleImage.Width = 100;
                Canvas.SetLeft(simpleImage, i * 100);

               
                // Set the image source.
                simpleImage.Source = createImg();

                cvsGround.Children.Add(simpleImage);
            }
        }
        /// <summary>
        /// 循环产生图片
        /// </summary>
        /// <param name="num">产生图片的个数</param>
        /// <param name="Direction">产生图片的方向</param>
        /// <param name="Location">产生图片的位置</param>
        /// <returns></returns>
        private List<Image> ControlsLoad(int num, int Direction, double Location)
        {
            List<Image> imgList = new List<Image>();
            for (int i = 0; i < num; i++)
            {
                
                Image simpleImage = new Image();
                simpleImage.Width = 100;

                if (Direction == 1) 
                {
                    Canvas.SetLeft(simpleImage, i * 100 + Location);
                }
                else
                {
                    Canvas.SetLeft(simpleImage, -i * 100 + Location);
                }



                simpleImage.Source = createImg();
                cvsGround.Children.Add(simpleImage);
                imgList.Add(simpleImage);
            }
            return imgList;
        }


        /// <summary>
        /// 循环产生照片
        /// </summary>
        /// <returns></returns>
        public BitmapImage createImg()
        {
            imgCycle++;
            if (imgCycle > imgCount)
            {
                imgCycle = 1;
            }
            Console.WriteLine(imgCycle);
            // Create source.
            BitmapImage bi = new BitmapImage();
            // BitmapImage.UriSource must be in a BeginInit/EndInit block.
            bi.BeginInit();
            bi.UriSource = new Uri(@"/res/" + imgCycle + ".jpg", UriKind.RelativeOrAbsolute);
            bi.EndInit();
            // Set the image source.

            return bi;
        }
      

    }
}

转帖请注明出处  林夕木大大