Changement de style pour tous les ListBoxItem dans une ListBox (Windows phone 8)

De construire sur publicgk réponse que je voudrais montrer comment vous pouvez faire cela "facile", ainsi que d'ajouter quelques plus d'infos dans RE de style. Si vous le saviez déjà ce que je suis sur le point de dire, alors je m'excuse d'avance - je suis en ajoutant ce juste au cas où quelqu'un est à la recherche à cette question afin de ne pas familier avec WP8 ou XAML développement.

Si vous voulez le style, la manière données est affiché alors je vous recommande de créer un DataTemplate, et de définir la zone de liste.ItemTemplate pour que datatemplate (comme vous le suggérez vous-même ci-dessus).

Vous pouvez le faire en ligne, ou avoir le DataTemplate comme une ressource et de référence par son nom.

            <!--ItemsSource set in code-->
        <ListBox>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Border Background="Blue">
                        <TextBlock Text="{Binding Title}"/>
                    </Border>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

        <!--ListOfTitles is a property in the code-->
        <ListBox ItemsSource="{Binding ListOfTitles}" ItemTemplate="{StaticResource redDataTemplateDefinedInResources}">
        </ListBox>

Avis que vous devez définir la itemssource, ce qui peut être fait dans le code-behind en accédant à la zone de liste en lui donnant un nom (x:name="nom") ou à l'aide d'un liant et de la liaison à la propriété avec ce nom (assurez-vous de définir le DataContext ainsi)

Si vous voulez style comment défaut ListBoxItem (comme l'interaction, les marges, etc.) ensuite, vous pouvez publicgk a écrit créer un style avec les contrôles targettype et de le définir comme une ressource, soit sur le niveau parent, page ou une application de niveau. Pour tous les contrôles dans l'ensemble de l'application, de l'utilisation de l'app de niveau avec un dictionnaire de ressources de garder tout propre et bien rangé 🙂

C'est le moyen le plus facile de créer un modèle COMPLET pour remplacer le style dans Visual Studio 2012 OU en Mélange:
Cliquez du bouton droit sur le contrôle dans le concepteur ou dans le plan du Document de WIndows et sélectionnez Modifier le Modèle, Modifier une Copie, donnez-lui un nom si vous voulez une ressource nommée, ou sélectionnez l'option appliquer à tous (ce qui élimine en principe le nom).

Et depuis j'adore les show-and-tell, voici quelques images:

Puis aller de l'avant et de le modifier comme vous le souhaitez 🙂

Le code de modèle:

<Style TargetType="ListBoxItem">
<Setter Property="Background" Value="Transparent"/>
<Setter Property="BorderThickness" Value="0"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="Padding" Value="0"/>
<Setter Property="HorizontalContentAlignment" Value="Left"/>
<Setter Property="VerticalContentAlignment" Value="Top"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListBoxItem">
<Border x:Name="LayoutRoot" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"/>
<VisualState x:Name="MouseOver"/>
<VisualState x:Name="Disabled">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="LayoutRoot">
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TransparentBrush}"/>
</ObjectAnimationUsingKeyFrames>
<DoubleAnimation Duration="0" To=".5" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentContainer"/>
</Storyboard>
</VisualState>
</VisualStateGroup>
<VisualStateGroup x:Name="SelectionStates">
<VisualState x:Name="Unselected"/>
<VisualState x:Name="Selected">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneAccentBrush}"/>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>