我有一个包含路径和文本的按钮。这个
这是我已经完成的事情 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>
式
<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="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>
悬停它的工作正常我想要的。但默认路径图标也变成黑色而不是白色。我可以解决这个问题 事先提前
答案 0 :(得分:6)
您的路径在XAML
下面填充按钮Forground
颜色
Fill="{Binding Foreground, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Button}}"
因此,style
Hover
触发Forground
Button
之前,setter
的{{1}}默认为黑色。你可以在触发器开始之前添加一个setter来改变它。为Forground
的{{1}}添加Button
,如下所示。
<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
style
<Setter Property="Foreground" Value="#FF36D8E0"></Setter>