Wpf 在按钮悬停时将文本和路径更改为不同颜色

Wpf 在按钮悬停时将文本和路径更改为不同颜色,wpf,button,hover,Wpf,Button,Hover,我有一个包含路径和文本的按钮 在按钮悬停时,它应该像这样改变颜色 这是我所做的 Xaml文件 <Button Grid.Row="1" Grid.Column="0" Style="{StaticResource DashBordMenuButton}" > <StackPanel > <Path Name="DIcon1" Data="{StaticResource IconReporting}" Fi

我有一个包含路径和文本的按钮

在按钮悬停时,它应该像这样改变颜色

这是我所做的 Xaml文件

<Button  Grid.Row="1" Grid.Column="0" Style="{StaticResource DashBordMenuButton}" >
            <StackPanel >
                <Path Name="DIcon1" Data="{StaticResource IconReporting}" Fill="{Binding Foreground, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Button}}"  HorizontalAlignment="Center"  ></Path>
                <TextBlock HorizontalAlignment="Center" Margin="0,10,0,0" > DASHBORD</TextBlock>
                <TextBlock  LineHeight="25" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" Margin="0,20,0,0" Text="Minir All Servers,Clients and Activies"></TextBlock>
            </StackPanel>
        </Button>

达什博德
风格


在悬停状态下,它可以很好地满足我的要求。但是默认情况下,路径图标也会变成黑色而不是白色。我如何解决这个问题
Thnks PREVICE

您的路径中填充了按钮
Forground
color by DOWN XAML

 Fill="{Binding Foreground, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Button}}"
因此,在您的
样式
触发
悬停
之前,
按钮的
放弃
默认为黑色。您可以通过在触发器启动之前添加一个setter来更改它,即为
按钮的
放弃
添加一个
setter
,如下所示

<Style x:Key="DashBordMenuButton" TargetType="Button">
 <Setter Property="Margin" Value="10"></Setter>
            <Setter Property="Background" Value="White"/>
            <Setter Property="OverridesDefaultStyle" Value="True" />
            <Setter Property="Cursor" Value="Hand" />
            <Setter Property="Foreground" Value="#FF36D8E0"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">

                        <Border Name="border" BorderThickness="1,1,1,4" BorderBrush="Gray" Background="{TemplateBinding Background}">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="#FF36D8E0"/>
                                <Setter Property="Foreground" Value="White"></Setter>
                            </Trigger>

                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
      </Style>
<Style x:Key="DashBordMenuButton" TargetType="Button">
 <Setter Property="Margin" Value="10"></Setter>
            <Setter Property="Background" Value="White"/>
            <Setter Property="OverridesDefaultStyle" Value="True" />
            <Setter Property="Cursor" Value="Hand" />
            <Setter Property="Foreground" Value="#FF36D8E0"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">

                        <Border Name="border" BorderThickness="1,1,1,4" BorderBrush="Gray" Background="{TemplateBinding Background}">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="#FF36D8E0"/>
                                <Setter Property="Foreground" Value="White"></Setter>
                            </Trigger>

                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
      </Style>
 <Setter Property="Foreground" Value="#FF36D8E0"></Setter>