ListBox的样式

 

 

<ListBox  BorderThickness="1" 
                                          Style="{StaticResource CustomListBoxStyle}"
                                          ItemContainerStyle="{StaticResource ComponentInfoStyle}"
                                          ItemsSource="{Binding ComponentList}"
                                          BorderBrush="#eaeaeb" 
                                          Margin="5"/>

 

<Style x:Key="CustomListBoxStyle" TargetType="ListBox" >
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ListBox">
                    <Border x:Name="Bd"  BorderBrush="{TemplateBinding BorderBrush}" 
                                                        BorderThickness="{TemplateBinding BorderThickness}"
                                                        Background="{TemplateBinding Background}"
                                                        Padding="0">
                        <ScrollViewer Focusable="False">
                            <ItemsPresenter />
                        </ScrollViewer>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

自定义ListBoxItem样式
    <Style x:Key="ComponentInfoStyle" TargetType="{x:Type ListBoxItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                    <Grid Height="50" x:Name="grid">
                        <Border Background="{Binding UserBackground}" 
                                Width="40" Height="40"
                                CornerRadius="4" 
                                HorizontalAlignment="Left"
                                Margin="5 0 0 0">
                            <TextBlock Text="{Binding Header}"
                                       FontSize="23" 
                                       Foreground="White" 
                                       VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Border>
                        <TextBlock Text="{Binding Name}" Margin="55 7 0 0" FontSize="15" FontWeight="Bold"/>
                        <TextBlock Text="{Binding Info}" Foreground="#808080" Margin="55 30 0 0"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter TargetName="grid" Property="Background" Value="#fceeb9"/>
                        </Trigger>
                        <!--<Trigger Property="Selector.IsSelected" Value="true">
                            <Setter TargetName="grid" Property="Background" Value="#fae388"/>
                        </Trigger>-->
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>