设置LongListSelector

Question

我正在开发Windows Phone应用程序，以便在LongListSelector控件中练习我的知识。 应用程序中的页面之一，中间的页面具有以下代码：

<!--Panorama item two-->
<phone:PanoramaItem x:Name="tasksPage" Header="Tasks">
    <!--Double line list with image placeholder and text wrapping using a floating header that scrolls with the content-->
    <phone:LongListSelector Margin="0,-38,-22,2" ItemsSource="{Binding Items}" LayoutMode="List">
        <phone:LongListSelector.ListHeaderTemplate>
            <DataTemplate>
                <Grid Margin="12,0,0,38">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock Text="second item"
                               Style="{StaticResource PanoramaItemHeaderTextStyle}"
                               Grid.Row="0"/>
                </Grid>
            </DataTemplate>
        </phone:LongListSelector.ListHeaderTemplate>
        <phone:LongListSelector.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" Margin="12,2,0,4" Height="105" Width="432">
                    <!--Replace rectangle with image-->
                    <Border BorderThickness="1" Width="99" Height="99" BorderBrush="#FFFFC700" Background="#FFFFC700"/>
                    <StackPanel Width="311" Margin="8,-7,0,0">
                        <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Margin="10,0" Style="{StaticResource PhoneTextExtraLargeStyle}" FontSize="{StaticResource PhoneFontSizeLarge}" />
                        <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="10,-2,10,0" Style="{StaticResource PhoneTextSubtleStyle}" />
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </phone:LongListSelector.ItemTemplate>
    </phone:LongListSelector>
</phone:PanoramaItem>

有人可以简要解释一下什么是数据绑定以及如何使用它们（我已经做过一些研究）。 例如，我可以将LongListSelector绑定到IsolatedStorage中的列表吗？

我之前在另一个应用程序中创建了一个ListBox，将来自IsolatedStorage的内容加载到其中，但是我不知道这是否是正确的方法。 现在，LongListSelector中的项目在其左侧有一个黄色图像-如果我以编程方式从IsolatedStorage中加载内容，我可以这样做吗？

我知道这可能是两个或三个问题，但是对于有经验的人来说，回答起来很简单。

谢谢！

Answer 1

最简单的解释（过于简化！）是数据绑定将对象的一个​​属性绑定到上面控件的另一个属性，其中有：

 <TextBlock Text="{Binding LineOne}" ... />

在功能上等效于以下内容：

TextBlock t = new TextBlock();
SomeObject o = new SomeObject() { LineOne = "The value of line 1" };
t.Text = o.LineOne;
// and then a propertychange listener to update t.text if o.lineone ever changes
o.PropertyChanged += (s,e) => { if (e.PropertyName == 'LineOne') t.Text = o.LineOne; };

您不能直接绑定到隔离存储中的某项，但是可以让一个对象从隔离存储中加载其内容，通过Items属性公开那些项，然后将其设置为LLS的数据上下文。

在类似LongListSelector （或其他ItemsControl类型）的情况下，itemscontrol的ItemsSource属性绑定到某些对象集合（例如ObservableCollection<T> ，该元素使项目在集合更新时更新。）然后ItemsControl的模板具有与对象的绑定。集合中各个项目的属性。

Answer 2

您的LongListSelector内部有许多项目。 通过将ItemsSource绑定到Items集合的一部分中的Items ，通过数据绑定将它们添加到那里。 此集合可以是List<T>或更常见的是ObservableCollection<T>因为如果正确实现，则ObservableCollection的更改将反映在LongListSelector 。 T是项目的类型，例如，称为Book的类。 该集合需要定义为DataContext对象的一部分，您可以在整个页面或页面的一部分上进行设置。

现在，正如我提到的， Items集合可能充满了项目-定义为具有某些属性的对象。 在您的情况下，这些属性是LineOne和LineTwo ，它们可能是字符串。

您不能直接绑定到隔离存储中的项目。 您首先需要将这些项目加载到内存中。 假设您在隔离存储中有序列化为JSON或XML格式的项目列表，这是将列表保留在隔离存储中的一种流行方法。 您需要将它们加载到一个集合中（反序列化），然后绑定到LongListSelector 。 是的，这是正确的方法。

左侧定义的黄色图像/矩形/边框是静态的，但可以在那里。 它只会作为LongListSelector中每个项目的一部分呈现在LongListSelector ，并且不会依赖于绑定到的对象。

我建议您阅读以下文章/问题和解答，它们可能会解释绑定到列表的概念，使您更容易理解：

• MSDN-快速入门：数据绑定到Windows Phone的控件
• 堆栈溢出-WP8使用XML和LongListSelector
• GeekChamp-Windows Phone 8 SDK中的New LongListSelector控件深入