WPF 可觸摸移動的ScrollViewer控件

ListBox支持觸摸滑動,而ScrollViewer默認不支持。須要設置PanningMode屬性,若是不設置PanningMode,如何自定義觸摸滑動?windows

ScrollViewer如須要添加上下/左右觸摸移動,須要在Touch事件中處理。api

處理以下:封裝成一個用戶控件this

  1. TouchDown事件中記錄起始點,並添加對TouchMove事件的監聽
  2. TouchUp事件中註銷TouchMove事件的監聽
  3. 在TouchMove事件中,處理移動的偏移量。起始位置減去偏移量,即爲當前滾動條的位置。

注:ScrollViewer滾動到指定位置(指定位置=起始位置-移動的偏移量,滾動方向和手勢方向相反)
spa

 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下載code

相關文章
相關標籤/搜索