ListBox支持触摸滑动,而ScrollViewer默认不支持。需要设置PanningMode属性,如果不设置PanningMode,如何自定义触摸滑动?
ScrollViewer如需要添加上下/左右触摸移动,需要在Touch事件中处理。
处理如下:封装成一个用户控件
- TouchDown事件中记录起始点,并添加对TouchMove事件的监听
- TouchUp事件中注销TouchMove事件的监听
- 在TouchMove事件中,处理移动的偏移量。起始位置减去偏移量,即为当前滚动条的位置。
注:ScrollViewer滚动到指定位置(指定位置=起始位置-移动的偏移量,滚动方向和手势方向相反)
1 /// <summary> 2 ///可触摸滚动的ScrollViewer控件 3 /// </summary> 4 public classTouchableScrollViewer : ScrollViewer 5 { 6 //触摸点的坐标 7 Point _startPosition; 8 //滚动条当前位置 9 double_startVerticalOffset; 10 double_startHorizontalOffset; 11 publicTouchableScrollViewer() 12 { 13 TouchDown +=TouchableScrollViewer_TouchDown; 14 15 TouchUp +=TouchableScrollViewer_TouchUp; 16 } 17 private void TouchableScrollViewer_TouchDown(objectsender, 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(objectsender, TouchEventArgs e) 33 { 34 //注销触摸移动监听 35 TouchMove -=TouchableScrollViewer_TouchMove; 36 } 37 38 private void TouchableScrollViewer_TouchMove(objectsender, 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下载