FlipView.选择索引鼠标模式vs基本触摸模式

Question

我有一个数据绑定的FlipView在我的页面上工作得很好。我在我的页面上有2个按钮，我想用它来导航FlipView向前和向后。当我在模拟器中使用Mouse Mode或实际上在本地机器模式下使用鼠标时，按钮工作。

但当我使用"基本触摸模式"或在真正的触摸屏上使用我的应用程序并点击按钮时，FlipView会导航到下一个视图，但随后会闪烁/翻转回来。

这是我的FlipView:

<FlipView x:Name="Flipper" ItemsSource="{Binding Path=Views}">...</FlipView>

And my Button:

<Button x:Name="ForwardButton" IsEnabled="{Binding CanGoForward}" Style="{StaticResource ForwardButtonStyle}" Tapped="ForwardButton_OnTapped" />

And my event:

private void ForwardButton_OnTapped(object sender, TappedRoutedEventArgs e)
{
            if (Flipper.SelectedIndex >= Flipper.Items.Count - 1)
            {
                Flipper.SelectedIndex = 0;
            }
            else
            {
                Flipper.SelectedIndex++;
            }
            e.Handled = true;
 }

更新:

将OnSelectionChanged添加到FlipView，我看到它在Basic touch mode中击中两次，但在Mouse mode中只有一次，再次Mouse mode按预期工作。

Answer 1

是的，所以我是这样实现的:

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
    }
    ViewModel ViewModel { get { return this.DataContext as ViewModel; } }
    private void Button_Click_1(object sender, RoutedEventArgs e)
    {
        this.ViewModel.MovePrevious();
    }
    private void Button_Click_2(object sender, RoutedEventArgs e)
    {
        this.ViewModel.MoveNext();
    }
}
public class ViewModel : INotifyPropertyChanged
{
    public ViewModel() { SelectedThing = ThingList.First(); }
    List<int> m_ThingList = Enumerable.Range(1, 50).ToList();
    public List<int> ThingList { get { return m_ThingList; } set { SetProperty(ref m_ThingList, value); } }
    int m_SelectedThing = default(int);
    public int SelectedThing { get { return m_SelectedThing; } set { SetProperty(ref m_SelectedThing, value); } }
    internal void MovePrevious()
    {
        var _CurrentIndex = ThingList.IndexOf(this.SelectedThing);
        try { SelectedThing = ThingList[--_CurrentIndex]; }
        catch { SelectedThing = ThingList.First(); }
    }
    internal void MoveNext()
    {
        var _CurrentIndex = ThingList.IndexOf(this.SelectedThing);
        try { SelectedThing = ThingList[++_CurrentIndex]; }
        catch { SelectedThing = ThingList.Last(); }
    }
    public event PropertyChangedEventHandler PropertyChanged;
    void SetProperty<T>(ref T storage, T value, [System.Runtime.CompilerServices.CallerMemberName] String propertyName = null)
    {
        if (!object.Equals(storage, value))
        {
            storage = value;
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

和

<Page.DataContext>
    <local:ViewModel />
</Page.DataContext>
<Page.BottomAppBar>
    <AppBar>
        <Grid>
            <Button HorizontalAlignment="Left" Click="Button_Click_1">Previous</Button>
            <Button HorizontalAlignment="Right" Click="Button_Click_2">Next</Button>
        </Grid>
    </AppBar>
</Page.BottomAppBar>
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    <FlipView x:Name="MyFlip"
                ItemsSource="{Binding ThingList}"
                SelectedItem="{Binding SelectedThing,
                                        Mode=TwoWay}" />
</Grid>

嗯，它工作正常。你能再检查一下吗?或者提供更多信息?否则，也许使用我的指南更新您的实现可以为您解决这个问题。我希望如此。

在所有的现实中，我将使用一个DelegateCommand来处理按钮。但是我不想用太多的样板代码来做这个例子。如果你想看看我是怎么做的，你可以看看这里:http://blog.jerrynixon.com/2012/08/most-people-are-doing-mvvm-all-wrong.html