c# - 显示一个 Pivot 但在另一个 Pivot 中注册水龙头的 Pivot 控件

Question

我有一个 todolist 应用程序，它在 Pivot 控件内的单独 PivotItems 中具有多个 ListBox 控件。如果我导航到另一个页面，然后使用后退按钮返回，则显示的 Pivot 没有响应。但是，其上的事件(滚动、点击等)似乎会影响下一个 Pivot，即 selectedIndex + 1；

这听起来很像 Pivot 控件中的错误，但也许我做错了什么？这是我的枢轴控件的代码。

[code updated, see below]

我认为我要导航到的页面的代码并不重要，因为这种行为发生在后退按钮上

其他一些重要信息:

• 在第一个 PivotItem(索引 0)上，错误不会发生。
• 在最后 PivotItem 上，出现了一个不同的问题。离开last 列表并通过后退按钮返回显示一个空列表。
• 在所有情况下，问题都可以通过向左或向右滑动到列表然后返回来解决。

编辑:

关于页面代码不重要，我错了。我在 OnNavigatedTo 方法而不是 MainPage 方法中进行绑定(bind)。 Romasz 提供了一个完美运行的示例。我通过更改三个部分来匹配我自己的非工作代码来打破它

1. 将页面设置为从 INotifyPropertyChanged 继承(因为我使用 NotifyPropertyChanged)
2. 将数据绑定(bind)代码移至 OnNavigatedTo 方法
3. 在代码隐藏中设置PivotControl的ItemsSource

进行了这三项更改后，示例无法正常工作。这是代码。

主页.xaml

<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid x:Name="ContentPanel" Margin="12,0,12,0">
        <Grid.RowDefinitions>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="9*"/>
        </Grid.RowDefinitions>
        <Button x:Name="myButton" VerticalAlignment="Top" 
             Content="Go to different Page!" Grid.Row="0"/>
        <controls:Pivot x:Name="PivotControl" Grid.Row="1" 
             ItemsSource="{Binding Lists}">
            <controls:Pivot.HeaderTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Name}"/>
                </DataTemplate>
            </controls:Pivot.HeaderTemplate>
            <controls:Pivot.ItemTemplate>
                <DataTemplate>
                    <ListBox ItemsSource="{Binding Items}" 
            HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" 
            Margin="24,0,0,0" Height="Auto" VerticalAlignment="Stretch">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <CheckBox></CheckBox>
                                    <TextBlock Text="{Binding Title}"/>
                                </StackPanel>                                    
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </DataTemplate>
            </controls:Pivot.ItemTemplate>
        </controls:Pivot>
    </Grid>
</Grid>

MainPage.xaml.cs

public partial class MainPage : PhoneApplicationPage, INotifyPropertyChanged
{
    public class myItems
    {
        public string Title { get; set; }
    }

    public class myList
    {
        public string Name { get; set; }
        private List<myItems> items = new List<myItems>();
        public List<myItems> Items
        {
            get { return items; }
            set { items = value; }
        }
    }

    private ObservableCollection<myList> _Lists;
    public ObservableCollection<myList> Lists
    {
        get
        {
            return _Lists;
        }
        set
        {
            if (_Lists != value)
            {
                _Lists = value;
                NotifyPropertyChanged("Lists");
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void NotifyPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    // Constructor
    public MainPage()
    {
        InitializeComponent();
    }

    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        base.OnNavigatedTo(e);

        Lists = new ObservableCollection<myList>();

        myList list1 = new myList() { Name = "First" };
        for (int i = 0; i < 100; i++)
            list1.Items.Add(new myItems() { Title = (i + 1).ToString() });

        myList list2 = new myList() { Name = "Second" };
        for (int i = 100; i < 200; i++)
            list2.Items.Add(new myItems() { Title = (i + 1).ToString() });

        myList list3 = new myList() { Name = "Third" };
        for (int i = 200; i < 300; i++)
            list3.Items.Add(new myItems() { Title = (i + 1).ToString() });

        myList list4 = new myList() { Name = "Fourth" };
        for (int i = 300; i < 400; i++)
            list4.Items.Add(new myItems() { Title = (i + 1).ToString() });

        Lists.Add(list1);
        Lists.Add(list2);
        Lists.Add(list3);
        Lists.Add(list4);

        myButton.Click += first_Click;
        this.DataContext = this;

    }

    private void first_Click(object sender, RoutedEventArgs e)
    {
        NavigationService.Navigate(new Uri("/Page1.xaml", UriKind.RelativeOrAbsolute));
    }
}

完整项目:https://dl.dropboxusercontent.com/u/568631/PivotProblem_2.zip

此代码与我遇到的问题非常相似。如果移动到第二个或第三个列表，单击“转到另一页”按钮，然后点击后退按钮，枢轴移动到“第一个”列表并将其显示为空。离开和返回会重置列表。

如果我更改三个差异中的任何一个 - 删除 INotifyPropertyChanged 的继承，将绑定(bind)代码移动到 MainPage 或在代码隐藏中设置 ItemsSource - 应用程序正如预期的那样再次工作。这现在已经成为一个学术问题(因为没有更好的术语)，因为它不再影响我的应用程序，但我仍然不知道为什么这三个因素结合起来会导致奇怪的 PivotControl 行为

重申一下，改变上述任何一个因素都可以消除问题 - 那么是什么原因造成的呢？

Answer 1

根据你的代码，你可以做一些很简单的事情，你只需要标记

    bool IsDataLoaded = false; //flag

    public MainPage()
    {
        InitializeComponent();

    }
    protected override void OnNavigatedTo(NavigationEventArgs e)
    {

        base.OnNavigatedTo(e);

        if (!IsDataLoaded)
        {
            Lists = new ObservableCollection<myList>();

            myList list1 = new myList() { Name = "First" };
            for (int i = 0; i < 100; i++)
                list1.Items.Add(new myItems() { Title = (i + 1).ToString() });

            myList list2 = new myList() { Name = "Second" };
            for (int i = 100; i < 200; i++)
                list2.Items.Add(new myItems() { Title = (i + 1).ToString() });

            myList list3 = new myList() { Name = "Third" };
            for (int i = 200; i < 300; i++)
                list3.Items.Add(new myItems() { Title = (i + 1).ToString() });

            myList list4 = new myList() { Name = "Fourth" };
            for (int i = 300; i < 400; i++)
                list4.Items.Add(new myItems() { Title = (i + 1).ToString() });

            Lists.Add(list1);
            Lists.Add(list2);
            Lists.Add(list3);
            Lists.Add(list4);

            myButton.Click += first_Click;
            this.DataContext = this;
            IsDataLoaded = true;
        }

    }

OnNavigatedTo 方法在每次页面变为事件时被调用。那是你的问题 (: