ボタンテンプレートの子にWPF stypeを適用する方法

Question

私はWPFが新しく、ボタンテンプレートのテキストとアイコンの色に変更したいと思います。しかし、私は不透明度を変更することしかできないようです。 私はボタンの子供たちにスタイルを適用する必要があると思うが、私はどのようにわからない。ここで

はテンプレートです：あなたの助けのための

<Style x:Key="AppButton" TargetType="{x:Type Button}"> 

    <Setter Property="Opacity" Value="0.25" /> 
    <Setter Property="Foreground" Value="#FFFF9966" /> 

    <Style.Triggers> 
     <Trigger Property="IsMouseOver" Value="True"> 
      <Trigger.EnterActions> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Opacity" To="1" Duration="0:0:0:0.3" /> 
         <!--<ColorAnimation Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)" To="Green" Duration="0:0:0:0.3" />--> 

         <ColorAnimationUsingKeyFrames Storyboard.Target="{Binding RelativeSource={RelativeSource TemplatedParent}}" 
                 Storyboard.TargetProperty="(TextBox.Foreground).(SolidColorBrush.Color)"> 
          <EasingColorKeyFrame KeyTime="0" Value="Green" /> 
         </ColorAnimationUsingKeyFrames> 

        </Storyboard> 
       </BeginStoryboard> 
      </Trigger.EnterActions> 
      <Trigger.ExitActions> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Opacity" To="0.25" Duration="0:0:0:0.3" /> 
         <!--<ColorAnimation Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)" To="White" Duration="0:0:0:0.3" />--> 

         <ColorAnimationUsingKeyFrames Storyboard.Target="{Binding RelativeSource={RelativeSource TemplatedParent}}" 
                 Storyboard.TargetProperty="(TextBox.Foreground).(SolidColorBrush.Color)"> 
          <EasingColorKeyFrame KeyTime="0" Value="White" /> 
         </ColorAnimationUsingKeyFrames> 

        </Storyboard> 
       </BeginStoryboard> 
      </Trigger.ExitActions> 
     </Trigger> 
    </Style.Triggers> 

</Style> 

ありがとう：

<Button x:Name="btnApp1" Width="56" Height="66" Margin="0,0,0,0" Style="{StaticResource AppButton}"> 
     <Button.Template> 
      <ControlTemplate TargetType="Button"> 
       <Grid> 
        <iconPacks:PackIconMaterial Kind="StarOutline" Width="48" Height="48" VerticalAlignment="Top" HorizontalAlignment="Center" Foreground="#FFFFFFFF" /> 
        <TextBlock x:Name="tButton" HorizontalAlignment="Center" VerticalAlignment="Bottom" Foreground="#FFFFFFFF" FontWeight="Bold">PVIE</TextBlock> 
       </Grid> 
      </ControlTemplate> 
     </Button.Template> 
    </Button> 

そして、ここでは、スタイルです。

Answer 1

バインド{TemplateBinding}を使用してTextBlockとControlTemplateでIconのForegroundプロパティ：

<Button x:Name="btnApp1" Width="56" Height="66" Margin="0,0,0,0" Style="{StaticResource AppButton}"> 
    <Button.Template> 
     <ControlTemplate TargetType="Button"> 
      <Grid> 
       <iconPacks:PackIconMaterial Kind="StarOutline" Width="48" Height="48" VerticalAlignment="Top" HorizontalAlignment="Center" 
           Foreground="{TemplateBinding Foreground}" /> 
       <TextBlock x:Name="tButton" HorizontalAlignment="Center" VerticalAlignment="Bottom" 
          Foreground="{TemplateBinding Foreground}" FontWeight="Bold">PVIE</TextBlock> 
      </Grid> 
     </ControlTemplate> 
    </Button.Template> 
</Button>