如何自定義ListBox中選定項目的視圖？ （WP8）

Question

如何自定義在ListBox控件中選擇的項目的視圖？在我的情況下，我想定義選定項目的背景顏色。

謝謝！

Answer 1

從試試這個

private void listLocs_SelectionChanged(object sender, SelectionChangedEventArgs e) 
{ 
    ListBoxItem myitem = listLocs.SelectedItem as ListBoxItem; 
    SolidColorBrush brush = new SolidColorBrush(Color.FromArgb(255,255,0,0)); 
    myitem.Background = brush; 
} 

更多細節： How can I change selected item's background color in Windows Phone?

Answer 2

您可以通過ListBox的ItemContainerStyle屬性造型的ListBoxItem中做到這一點。使用以下步驟

1. 在Visual Studio（或Blend）中打開包含您的ListBox的頁面（xaml）。
2. 查看設計。
3. 右鍵單擊列表框，然後選擇編輯其他模板 - >編輯生成的項容器（ItemContainerStyle）
4. 這種風格
5. 在選擇狀態選擇一個名稱的位置添加一個新的動畫背景。

所以，你的故事板將改變從：

<VisualState x:Name="Selected"> 
    <Storyboard> 
     <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer"> 
      <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneAccentBrush}"/> 
     </ObjectAnimationUsingKeyFrames> 
    </Storyboard> 
</VisualState> 

要：

<VisualState x:Name="Selected"> 
    <Storyboard> 
     <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer"> 
      <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneAccentBrush}"/> 
     </ObjectAnimationUsingKeyFrames> 
     <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ContentContainer"> 
      <DiscreteObjectKeyFrame KeyTime="0" Value="Red"/> 
     </ObjectAnimationUsingKeyFrames> 
    </Storyboard> 
</VisualState>