触摸屏实现触摸垂直滑动效果

最新推荐文章于 2023-04-05 09:26:59 发布

weixin_30418341

最新推荐文章于 2023-04-05 09:26:59 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： c#

原文链接：http://www.cnblogs.com/guiqiang/p/10411501.html

本文介绍如何在WPF中使用ScrollViewer结合TouchDown和TouchMove事件实现平滑的触控滚动效果。通过记录触摸点位置并计算偏移量，可以精确控制滚动视图的垂直偏移，提供流畅的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <ScrollViewer x:Name="scrollViewer" Grid.Row="1" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Visible">
            <TextBlock xml:space="preserve" Grid.Row="1" Width="820" x:Name="TBContent" Style="{StaticResource ContentTextBlock}" TouchDown="TBContent_TouchDown" TouchMove="TBContent_TouchMove"/>
        </ScrollViewer>

前端用一个ScrollViewer 加文本使用TouchDown 和 touchMove事件

后台事件代码：

 double downYPosition = 0; //记录当前触摸位置
        private void TBContent_TouchDown(object sender, System.Windows.Input.TouchEventArgs e)
        {
            var position = e.GetTouchPoint(this);
            downYPosition= position.Position.Y;
        }

        private void TBContent_TouchMove(object sender, System.Windows.Input.TouchEventArgs e)
        {
            var position = e.GetTouchPoint(this);
            var y = position.Position.Y;
            var disY = y - downYPosition;

            var offset = scrollViewer.VerticalOffset;
            var curOffset = offset - disY;

            if (curOffset <= 0)
            {
                curOffset = 0;
            }
            else if(curOffset> scrollViewer.ExtentHeight)
            {
                curOffset = scrollViewer.ExtentHeight;
            }

            scrollViewer.ScrollToVerticalOffset(curOffset);

            downYPosition = y;
        }

转载于:https://www.cnblogs.com/guiqiang/p/10411501.html