WPF 可触摸移动的ScrollViewer控件
WPF 控件 移动 触摸
2023-09-27 14:26:40 时间
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中进度条
- WPF入门教程系列十八——WPF中的数据绑定(四)
- WPF入门教程系列三——Application介绍(续)
- Comparison: Standard WPF DataGrid and DevExpress WPF GridControl
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- 【wpf】如何去掉这种虚线
- [WPF] 如何实现文字描边
- [WPF] 让第一个数据验证出错(Validation.HasError)的控件自动获得焦点
- [WPF 自定义控件]创建包含CheckBox的ListBoxItem
- [WPF 自定义控件]关于ScrollViewer和滚动轮劫持(scroll-wheel-hijack)
- [WPF 自定义控件]自定义Expander
- [WPF 自定义控件]了解WPF的布局过程,并利用Measure为Expander添加动画
- [WPF 自定义控件]好用的VisualTreeExtensions
- [WPF 自定义控件]排序、筛选以及高亮
- [WPF 自定义控件]让Form在加载后自动获得焦点
- [WPF 自定义控件]简单的表单布局控件
- [WPF 自定义控件]以Button为例谈谈如何模仿Aero2主题
- [WPF 自定义控件]了解如何自定义ItemsControl
- [WPF 自定义控件]开始一个自定义控件库项目
- [WPF]何如在Win7使用Aero2主题
- 总结WPF中的几种布局方法
- 第二章:WPF常用控件介绍
- CYQ.Data 支持WPF相关的数据控件绑定(2013-08-09)
- 【C#/WPF】GridSplitter 分割布局,拖拽控件分隔栏以改变控件尺寸
- 【WPF】一组CheckBox的全选/全不选功能
- 【WPF】Viewbox标签——控件大小适应父容器