WPF实现ScrollViewer平滑滚动效果

最新推荐文章于 2024-08-09 14:19:22 发布

RunnerDNA

最新推荐文章于 2024-08-09 14:19:22 发布

阅读量6.9k

点赞数 3

分类专栏： WPF应用实例文章标签： C# WPF ScrollViewer

本文链接：https://blog.csdn.net/dnazhd/article/details/89314098

版权

本文介绍了如何在WPF中为ScrollViewer添加平滑滚动效果，通过创建自定义控件 SmoothScrollViewer 和实现 SmoothScroll 功能，使得滚动过程带有过渡动画，提升用户体验。详细步骤包括创建继承自ScrollViewer的类，实现平滑滚动功能的代码以及在主界面和交互逻辑中的应用。

摘要由CSDN通过智能技术生成

WPF实现滚动条只要在控件外围加上ScrollViewer即可，但是滚动的时候没有动画效果，比较生硬，在滚动的时候添加过渡动画实现平滑滚动能给我们的软件增色不少。

接下来，在上一篇博客（WPF使用FlowDocument加载文本并修改文本样式https://blog.csdn.net/dnazhd/article/details/89307386）的基础上进行修改，这里只展示垂直滚动效果，水平滚动方式同理。为了更加明显的展示效果，先将协议文本内容添加的更多些。

原始滚动效果：

修改后效果：

修改流程：

1.新建SmoothScroll文件夹，并新建SmoothScrollViewer.cs类，继承自ScrollViewer，注册步进长度依赖属性，代码如下：

using System.Windows;
using System.Windows.Controls;

namespace RichTextBoxDemo.SmoothScroll
{
    public class SmoothScrollViewer : ScrollViewer
    {
        /// <summary>
        /// 垂直归一化步进长度
        /// </summary>
        public double VerticalScrollRatio
        {
            get { return (double)GetValue(VerticalScrollRatioProperty); }
            set { SetValue(VerticalScrollRatioProperty, value); }
        }

        //注册VerticalScrollRatio依赖属性
        public static readonly DependencyProperty VerticalScrollRatioProperty =
            DependencyProperty.Register("VerticalScrollRatio", typeof(double), typeof(SmoothScrollViewer), new PropertyMetadata(0.0, new PropertyChangedCallback(V_ScrollRatioChangedCallBack)));

        private static void V_ScrollRatioChangedCallBack(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var scrollViewer = (ScrollViewer)(d);
            if (scrollViewer != null)
            {