Добавление границ к отдельным позициям в LongListSelector

Question

Я пытаюсь использовать рамку вокруг каждого пункта в longlistselector для выделения отдельных элементов . Я попробовал добавить BorderThickness Свойство longlistselector, но это не имело границ вокруг моих элементов списка.

Вот мой XAML файл

<Grid x:Name="LayoutRoot" Background="Transparent"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 

    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28"/>  
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> 
     <phone:LongListSelector HorizontalAlignment="Stretch" x:Name="lls_Text_SelectionList" ItemsSource="{Binding }" FontSize="36" Margin="0,10,0,88" HideEmptyGroups="True" Background="Gray" BorderBrush="Red" BorderThickness="10" /> 
    </Grid> 
</Grid> 

Я использовал различные значения для BorderThickness и BorderBrush, но его не дает мне границы. Может ли кто-нибудь помочь мне в решении этой проблемы?

Answer 1

Вам необходим ItemTemplate. Что-то вроде этого:

<phone:LongListSelector HorizontalAlignment="Stretch" x:Name="lls_Text_SelectionList" ItemsSource="{Binding }" " Margin="0,10,0,88" HideEmptyGroups="True" Background="Gray" > 
    <phone:LongListSelector.ItemTemplate> 
    <DataTemplate> 
     <Border BorderBrush="Red" BorderThickness="10"> 
      <TextBlock Text="{Binding}" Style="{StaticResource PhoneTextLargeStyle}" /> 
     </Border> 
    </DataTemplate> 
    </phone:LongListSelector.ItemTemplate> 
</phone:LongListSelector>