WPF 可觸摸移動的ScrollViewer控件

原文: WPF 可觸摸移動的ScrollViewer控件

ListBox支援觸摸滑動，而ScrollViewer預設不支援。

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

處理如下：封裝成一個使用者控件

1. TouchDown事件中記錄起始點，并添加對TouchMove事件的監聽
2. TouchUp事件中登出TouchMove事件的監聽
3. 在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

下載下傳