Windows Phone 8 全景绑定错误？

Question

我在 Windows Phone 8 上遇到了全景控制问题。 使用基于 WP Panorama Project 模板的简单代码创建了一个项目来测试问题。 所以我使用 INotifyPropertyChanged 接口 (MVVM) 绑定到 Observable Collection。

<phone:PhoneApplicationPage

<!  ...  >

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">

     <!--Panorama control-->
    <phone:Panorama ItemsSource="{Binding PageTitles}"
                    Title="Panorama Test">
        <phone:Panorama.HeaderTemplate>
            <DataTemplate>
                <Grid Width="410" Margin="-2,0,0,0">
                    <TextBlock d:DataContext="{Binding}" Text="{Binding Title}" HorizontalAlignment="Left" Style="{StaticResource PanoramaItemHeaderTextStyle}" />
                </Grid>
            </DataTemplate>
        </phone:Panorama.HeaderTemplate>
        <phone:Panorama.Background>
            <ImageBrush ImageSource="/Assets\PanoramaBackground.png"/>
        </phone:Panorama.Background>

        <phone:PanoramaItem Name="Screen1">
            <Grid Margin="0,-6,0,12">
                <Border BorderThickness="1" Width="420" Height="500" BorderBrush="#FFFFC700" Background="#FFFFC700"/>
            </Grid>
        </phone:PanoramaItem>            
        <phone:PanoramaItem Name="Screen2">
            <Grid Margin="0,-6,0,12">
                <Border BorderThickness="1" Width="420" Height="500" BorderBrush="#FFFFC700" Background="#FFFFC700"/>
            </Grid>
        </phone:PanoramaItem>            
        <phone:PanoramaItem Name="Screen3">
            <Grid Margin="0,-6,0,12">
                <Border BorderThickness="1" Width="420" Height="500" BorderBrush="#FFFFC700" Background="#FFFFC700"/>
            </Grid>
        </phone:PanoramaItem>
        <phone:PanoramaItem Name="Screen4" >
            <Grid Margin="0,-6,0,12">
                <Border BorderThickness="1" Width="420" Height="500" BorderBrush="#FFFFC700" Background="#FFFFC700"/>
            </Grid>
        </phone:PanoramaItem>
    </phone:Panorama>
</Grid>

在 Visual Studio 2013 设计视图中，我看到的页面内容是一行，内容如下：

_.di28.Induction.Viewmodels.ItemViewModel

在模拟器中运行时会显示：

Induction.Viewmodels.ItemViewModel

我已经以我能想到和找到的所有方式重新构建了 Binding，但问题仍然存在。 这是 Windows Phone 8 下全景控件的错误吗？

Answer 1

不确定它是否能解决您的问题，但您误解了一些东西： ItemsSource 属性不仅适用于标题，而且适用于整个 PanoramaItems 集合。 之后您不应重新定义每个 PanoramaItem，而是使用数据模板：就像 HeaderTemplate 一样：

<Grid x:Name="LayoutRoot" Background="Transparent">

 <!--Panorama control-->
<phone:Panorama ItemsSource="{Binding PageTitles}"
                Title="Panorama Test">
    <phone:Panorama.HeaderTemplate>
        <DataTemplate>
            <Grid Width="410" Margin="-2,0,0,0">
                <TextBlock d:DataContext="{Binding}" Text="{Binding Title}" HorizontalAlignment="Left" Style="{StaticResource PanoramaItemHeaderTextStyle}" />
            </Grid>
        </DataTemplate>
    </phone:Panorama.HeaderTemplate>
    <phone:Panorama.Background>
        <ImageBrush ImageSource="/Assets\PanoramaBackground.png"/>
    </phone:Panorama.Background>
    <phone:Panorama.ItemTemplate>
        <DataTemplate>
            <phone:PanoramaItem>
                <Grid Margin="0,-6,0,12">
                    <Border BorderThickness="1" Width="420" Height="500" BorderBrush="#FFFFC700" Background="#FFFFC700"/>
                </Grid>
            </phone:PanoramaItem>   
        </DataTemplate>
    </phone:Panorama.ItemTemplate>
</phone:Panorama>

我现在无法测试，但至少你明白了。希望这会有所帮助！