检测枢轴中的滑动方向答案

【问题标题】：Detection of swipe direction in pivot检测枢轴中的滑动方向
【发布时间】：2015-09-01 17:50:52
【问题描述】：

我在 windows phone 8 中工作，并且在 Pivot 控件中有两个枢轴项。如何检测我是向右还是向左滑动？

【问题讨论】：

检查this SO post和this post
我已经从问题的标题中删除了一个标签 - 请注意大多数情况下的问题shouldn't include tag in their title.

【解决方案1】：

第 1 步：在您的解决方案中添加 Microsoft.Phone.Controls.Toolkit

Step2：在 xaml 中添加 Microsoft.Phone.Controls.Toolkit 引用，如下所示：

xmlns:tolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

Step3：像这样创建手势监听器轻弹事件：

<Grid x:Name="LayoutRoot" Background="Transparent">
        <tolkit:GestureService.GestureListener>
            <tolkit:GestureListener Flick="GestureListener_Flick"></tolkit:GestureListener>
        </tolkit:GestureService.GestureListener>
        <!--Pivot Control-->
        <controls:Pivot Title="MY APPLICATION">
            <!--Pivot item one-->
            <controls:PivotItem Header="item1">
                <Grid/>
            </controls:PivotItem>

            <!--Pivot item two-->
            <controls:PivotItem Header="item2">
                <Grid/>
            </controls:PivotItem>
        </controls:Pivot>
    </Grid>

第 4 步：在您的 cs 页面中添加以下代码：

 private void GestureListener_Flick(object sender, FlickGestureEventArgs e)
        {
            if (e.Direction.ToString() == "Horizontal") //Left or right
            {
                if (e.HorizontalVelocity > 0) //Right
                {

                }
                else //Left
                {

                }
            }
        }

you could download toolkit from here

【讨论】：

此代码对我有用，我已在我的解决方案中使用过，如果您发现任何问题，请告诉我
谢谢你的解释

【解决方案2】：

对于简单的情况（如果您有超过 2 个数据透视项目），您可以使用您的数据透视的 SelectionChanged 事件 - 提供变量，您将在其中保存最后一个 SelectedIndex 并在更改后检查它是右还是左：

myPivot.SelectionChanged+=myPivot_SelectionChanged; // in your MainPage()

private int lastSelected = 0;

private void myPivot_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
   if ((lastSelected + 1 == myPivot.SelectedIndex) || 
       (myPivot.SelectedIndex == 0 && lastSelected == myPivot.Items.Count - 1))
   {
     // moved right
   }
   else 
   {  
     // moved left 
   }

   lastSelected = myPivot.SelectedIndex;
}

对于简单的情况它应该可以工作，对于更复杂的情况，您可以使用TouchPanel 或其他解决方案。

【讨论】：

我认为您的代码不适用于我的示例，因为我使用了两个枢轴项，当我向右或向左滑动时，lastSelected 和 selectedindex 将具有相同的值
如果我向左移动 SelectedIndex 也是 (1) （因为我只有 2 个项目）所以我不会区分方向。但如果有三个或更多项目，这是一个很好的解决方案。我认为在这种情况下我必须使用工具包。感谢您的帮助
@user3471718 我必须说你是对的 - 有两个项目，仅根据它们的数量是不可能判断运动是右还是左。
有可能你可以使用这样的东西来确定： var Selection = e.AddedItems[0]; // 选择 var LastSelection = e.RemovedItems[0] // 最后选择并通过将上述内容转换为 (PivotItem) 来计算差异。
@NavikGoswami 如果你只有两个项目，那么无论你向哪个方向滑动，你都会有相同的 RemovedItem - 所以仍然无法确定方向。

【解决方案3】：

您可以使用 EventArgs 参数 e 而不是使用 Items.Count 来确定 Pivot Items Collection 中的最后一个索引和使用以下选定的索引：

        private void pivot_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        // Casting e.AddedItems and e.RemovedItems to the PivotItem type to get 
        // the Selected Pivot and the Last Selected Pivot

        var selectedPivot = (PivotItem) e.AddedItems[0];
        var lastPivot = (PivotItem) e.RemovedItems[0];

        // Getting indices using the ItemCollection of the pivot

        int selectedIndex = pivot.Items.IndexOf(selectedPivot);
        int previousIndex = pivot.Items.IndexOf(lastPivot);

        if (selectedIndex < previousIndex)
        {
            // user swiped to the right
        }
        else
        {
            // user swiped to the left
        }

    }

即使您只有两个枢轴，这也会对您有所帮助。

【讨论】：

【解决方案4】：

所有人都做得很好，但是当我们单击一个按钮来向前和向后导航 PivotItems 时我们会做什么。

所以只需将以下代码放在两个按钮中，即前进和后退。您可以通过设置 Pivot.SelectedIndex 轻松实现此目的

前锋

    if(pivotName.SelectedIndex < (pivotName.Items.Count - 1))
    pivotName.SelectedIndex++;
    else
    pivotName.SelectedIndex = 0;

向后

    if(pivotName.S electedIndex > 0)
    pivotName.SelectedIndex--;
    else
    pivotName.SelectedIndex = pivotName.Items.Count - 1;

【讨论】：