silverlight - Windows Phone 8 全景选择更改和数据绑定(bind)

Question

我为 Windows Phone 7 编写了一个应用程序，最近我已将其升级到 Windows Phone 8，并且我计划添加一些功能。不幸的是，我在升级后立即遇到了问题。该应用程序的主要部分是数据绑定(bind)的全景控件。在 SelectionChanged 上，我正在获取新的 PanoramaItem + 1 的数据(预选数据，因此当人们最终进入该项目时它就在那里)。这在 WP7 中运行良好，但 SelectionChanged 事件不会在 WP8 中触发。

我使用未升级的新 WP8 应用程序重现了该问题，并且它也与数据绑定(bind)控件隔离。如果我静态添加 PanoramaItems，则 SelectionChanged 事件会很好地触发。

我错过了什么还是这只是 WP8 中的一个直接错误？有什么推荐的解决方法吗？

我有一个带有静态示例和数据绑定(bind)示例的 GitHub 存储库，以显示哪些有效，哪些无效。 https://github.com/bthubbard/DatabindingIssues

Answer 1

WP8 中的全景控件有一个已知的数据绑定(bind)错误。该错误的症状是 SelectionChanged 不会触发，SelectedIndex 和 SelectedItem 不可靠，并且返回导航到带有全景的页面会重置全景所选项目。

例如，以下代码示例永远不会触发 MessageBox，并且 SelectedIndex 和 SelectedItem 不会指示正确的预期值。

<phone:Panorama x:Name="panorama"
                ItemsSource="{Binding}" 
                SelectionChanged="Panorama_SelectionChanged_1">
    <phone:Panorama.HeaderTemplate>
        <DataTemplate>
            <ContentControl Content="{Binding Name}" />
        </DataTemplate>
    </phone:Panorama.HeaderTemplate>
    <phone:Panorama.ItemTemplate>
        <DataTemplate>
            <ContentControl Content="{Binding Name}" />
        </DataTemplate>
    </phone:Panorama.ItemTemplate>
</phone:Panorama>

private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    this.DataContext = new ObservableCollection<Cow>()
                           {
                               new Cow("Foo"),
                               new Cow("Bar"),
                               new Cow("Baz")
                           };
}

private void Panorama_SelectionChanged_1(object sender, SelectionChangedEventArgs e)
{
    MessageBox.Show("Panorama_SelectionChanged_1: " + panorama.SelectedIndex);
}

public class Cow
{
    public Cow(string name)
    {
        Name = name;
    }

    public string Name { get; set; }
}

一个明显的解决方法是在代码隐藏中手动初始化 PanoramaItems。

另一种解决方案是将我们的集合从有类型更改为无类型，并将以下代码片段添加到有界数据类中。所以让我们从 ObservableCollection<Cow> 更改我们的代码至 ObservableCollection<object>并将一些代码添加到 Cow类(class):

private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    this.DataContext = new ObservableCollection<object>()
                           {
                               new Cow("Foo"),
                               new Cow("Bar"),
                               new Cow("Baz")
                           };
}

public class Cow
{
    public Cow(string name)
    {
        Name = name;
    }

    public string Name { get; set; }

    public override bool Equals(object obj)
    {
        if ((obj != null) && (obj.GetType() == typeof(PanoramaItem)))
        {
            var thePanoItem = (PanoramaItem)obj;

            return base.Equals(thePanoItem.Header);
        }
        else
        {
            return base.Equals(obj);
        }
    }

    public override int GetHashCode()
    {
        return base.GetHashCode();
    }
}

现在，当我们运行这个代码片段时，我们可以看到 SelectionChanged 以正确的 SelectedIndex 值触发: