Question

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

但是，当我使用“基本触控模式”或在实际触摸屏上使用我的应用程序并点按按钮时，FlipView会导航到下一个视图，但随后闪烁/翻转。

这是我的FlipView：

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

我的按钮：

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

我的活动：

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

FlipView.SelectedIndex鼠标模式与基本触摸模式

1 个答案: