WPF实现图片动态滚动消失效果（方式二：使用Storyboard）

原创

于 2020-05-20 16:29:52 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#WPF #ListView #动态滚动 #Storyboard

本文介绍如何使用WPF的Storyboard实现ListView中图片的动态滚动消失效果。通过改变ListViewItem的RenderTransform属性，达到平滑滚动并逐渐消失的目的。与 FluidMoveBehavior 实现方法相比，主要区别在于图片加载的动画效果。

这里我们使用Storyboard来动态显示ListView元素位置的更改，效果如下（与采用FluidMoveBehavior方式实现的区别是前面几个图片的加载效果，后面的滚动消失效果基本一致）：

实现步骤：

1、图片资源绑定类ListBindData.cs与方式一中的相同，不再赘述。

2、图片滚动效果是采用Storyboard改变ListViewItem的RenderTransform属性来实现的。

窗体xaml：

<Window x:Class="SmoothScroll.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" 
        WindowStartupLocation=