WPF 可触摸移动的ScrollViewer控件
ListBox支持触摸滑动,而ScrollViewer默认不支持。需要设置PanningMode属性,如果不设置PanningMode,如何自定义触摸滑动?
ScrollViewer如需要添加上下/左右触摸移动,需要在Touch事件中处理。
处理如下:封装成一个用户控件
- TouchDown事件中记录起始点,并添加对TouchMove事件的监听
- TouchUp事件中注销TouchMove事件的监听
- 在TouchMove事件中,处理移动的偏移量。起始位置减去偏移量,即为当前滚动条的位置。
注:ScrollViewer滚动到指定位置(指定位置=起始位置-移动的偏移量,滚动方向和手势方向相反)
1 /// <summary> 2 /// 可触摸滚动的ScrollViewer控件 3 /// </summary> 4 public class TouchableScrollViewer : ScrollViewer 5 { 6 //触摸点的坐标 7 Point _startPosition; 8 //滚动条当前位置 9 double _startVerticalOffset; 10 double _startHorizontalOffset; 11 public TouchableScrollViewer() 12 { 13 TouchDown += TouchableScrollViewer_TouchDown; 14 15 TouchUp += TouchableScrollViewer_TouchUp; 16 } 17 private void TouchableScrollViewer_TouchDown(object sender, TouchEventArgs e) 18 { 19 //添加触摸移动监听 20 TouchMove -= TouchableScrollViewer_TouchMove; 21 TouchMove += TouchableScrollViewer_TouchMove; 22 23 //获取ScrollViewer滚动条当前位置 24 _startVerticalOffset = VerticalOffset; 25 _startHorizontalOffset = HorizontalOffset; 26 27 //获取相对于ScrollViewer的触摸点位置 28 TouchPoint point = e.GetTouchPoint(this); 29 _startPosition = point.Position; 30 } 31 32 private void TouchableScrollViewer_TouchUp(object sender, TouchEventArgs e) 33 { 34 //注销触摸移动监听 35 TouchMove -= TouchableScrollViewer_TouchMove; 36 } 37 38 private void TouchableScrollViewer_TouchMove(object sender, TouchEventArgs e) 39 { 40 //获取相对于ScrollViewer的触摸点位置 41 TouchPoint endPoint = e.GetTouchPoint(this); 42 //计算相对位置 43 double diffOffsetY = endPoint.Position.Y - _startPosition.Y; 44 double diffOffsetX = endPoint.Position.X - _startPosition.X; 45 46 //ScrollViewer滚动到指定位置(指定位置=起始位置-移动的偏移量,滚动方向和手势方向相反) 47 ScrollToVerticalOffset(_startVerticalOffset - diffOffsetY); 48 ScrollToHorizontalOffset(_startHorizontalOffset - diffOffsetX); 49 } 50 }
Demo下载
分类:
WPF/Silverlight
标签:
WPF
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 上周热点回顾(2.17-2.23)
· 如何使用 Uni-app 实现视频聊天(源码,支持安卓、iOS)
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)