如何重写Material Design ListBoxItem的ControlTemplate视觉状态行为？

方法1：直接覆盖Material Design内置资源（最简便） #

Material Design控件库会将控件状态的颜色、样式定义为可替换的静态/动态资源。对于ListBoxItem的MouseOver、Selected状态，你可以在App.xaml或当前窗口的资源字典中重新定义对应的资源键，直接替换样式，无需修改ControlTemplate。

示例代码：

<!-- 在Window或App的Resources中添加 -->
<SolidColorBrush x:Key="MaterialDesignListBoxItemHoverBackground" Color="#FFE0F7FA"/>
<SolidColorBrush x:Key="MaterialDesignListBoxItemSelectedBackground" Color="#FFB2EBF2"/>
<SolidColorBrush x:Key="MaterialDesignListBoxItemHoverBorder" Color="#FF80CBC4"/>
<SolidColorBrush x:Key="MaterialDesignListBoxItemSelectedBorder" Color="#FF00ACC1"/>

这类资源键可通过查看Material Design源码或Blend工具提取确认，替换后会自动应用到所有使用默认样式的ListBoxItem上。

方法2：继承原样式并修改ControlTemplate的状态触发器 #

如果需要更复杂的自定义（比如修改布局、添加特殊动画），可以基于原Material Design ListBoxItem样式继承，仅修改ControlTemplate中对应的状态触发器，保留原模板的结构和元素命名（避免组件失效）。

步骤：

1. 通过Blend或查看库源码提取原始ListBoxItem的ControlTemplate；
2. 创建新Style，基于原样式，重写Template时只修改需要的状态触发器，其余结构保持不变。

示例代码：

<Style x:Key="CustomListBoxItemStyle" 
       BasedOn="{StaticResource MaterialDesignListBoxItem}" 
       TargetType="{x:Type ListBoxItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListBoxItem}">
                <!-- 保留原模板的核心布局元素，命名需与原模板一致 -->
                <Border x:Name="border"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        SnapsToDevicePixels="True">
                    <ContentPresenter x:Name="contentPresenter"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Content="{TemplateBinding Content}"
                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                      Margin="{TemplateBinding Padding}"
                                      SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <!-- 仅修改你需要的状态触发器，其余原触发器保留 -->
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsMouseOver" Value="True"/>
                            <Condition Property="IsSelected" Value="False"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Background" TargetName="border" Value="#FFE0F7FA"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="#FF80CBC4"/>
                    </MultiTrigger>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="Background" TargetName="border" Value="#FFB2EBF2"/>
                        <Setter Property="BorderBrush" TargetName="border" Value="#FF00ACC1"/>
                    </Trigger>
                    <!-- 保留原有的其他触发器，如IsEnabled=False等 -->
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="Foreground" Value="{DynamicResource MaterialDesignDisabledText}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

使用时，将ListBox的ItemContainerStyle设置为这个自定义样式即可：

<ListBox ItemContainerStyle="{StaticResource CustomListBoxItemStyle}">
    <!-- 列表项内容 -->
</ListBox>

方法3：用Style.Triggers强制覆盖（需注意优先级） #

由于VisualStateManager的触发器优先级高于普通Style.Triggers，直接设置可能不生效。但如果仅需修改简单的颜色属性，可以尝试使用MultiTrigger绑定控件状态，强制覆盖样式：

示例代码：

<Style x:Key="CustomListBoxItemStyle" 
       BasedOn="{StaticResource MaterialDesignListBoxItem}" 
       TargetType="{x:Type ListBoxItem}">
    <Style.Triggers>
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="IsMouseOver" Value="True"/>
                <Condition Property="IsSelected" Value="False"/>
            </MultiTrigger.Conditions>
            <Setter Property="Background" Value="#FFE0F7FA"/>
            <Setter Property="BorderBrush" Value="#FF80CBC4"/>
        </MultiTrigger>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Background" Value="#FFB2EBF2"/>
            <Setter Property="BorderBrush" Value="#FF00ACC1"/>
        </Trigger>
    </Style.Triggers>
</Style>

如果此方法不生效，说明VisualState的优先级更高，建议改用方法1或方法2。

内容的提问来源于stack exchange，提问作者Nikeshka