트리거시 XAML의 버튼 내용을 변경하십시오.

Question

Button의 배경과 그 색상이 TextBlock 인 템플릿을 변경하려고합니다. 내 템플릿에서 다음 XAML을 시도했지만 마우스 오버시 버튼이 사라집니다. 트리거에서 버튼 내용의 속성을 변경하는 방법이 있습니까?

   <ControlTemplate TargetType="{x:Type Button}"> 
       <Border 
         x:Name="Border" 
         CornerRadius="0" 
         BorderThickness="0" 
         Background="{x:Null}" 
         BorderBrush="#FF404040" /> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsMouseOver" Value="true"> 
          <Setter TargetName="Border" Property="Background" Value="White" /> 
          <Setter Property="ContentTemplate"> 
           <Setter.Value> 
            <DataTemplate DataType="TextBlock"> 
             <TextBlock Foreground="Blue" /> 
            </DataTemplate> 
           </Setter.Value> 
          </Setter> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 

Answer 1

스타일 :

<Style TargetType="{x:Type Button}" x:Key="MyButton"> 
    <Setter Property="OverridesDefaultStyle" Value="True" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Border x:Name="Border" 
         CornerRadius="0" 
         BorderThickness="{TemplateBinding BorderThickness}" 
         Background="{TemplateBinding Background}" 
         TextBlock.Foreground="{TemplateBinding Foreground}" 
         BorderBrush="#FF404040"> 
        <ContentPresenter Margin="2" 
             HorizontalAlignment="Center" 
             VerticalAlignment="Center" 
             RecognizesAccessKey="True" /> 
       </Border> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" Value="true"> 
         <Setter TargetName="Border" Property="Background" Value="White" /> 
         <Setter TargetName="Border" Property="TextBlock.Foreground" Value="Blue" /> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

사용법 :

<Button Width="100" Height="50" Content="Lalala" Style="{StaticResource MyButton}" Background="Brown" Foreground="Green" BorderThickness="2"></Button> 

1. 당신은의 Content 속성을 시각화에 대한 책임 ContentPresenter,이 누락 Button.
2. 전경을 설정하려면 TextBlock.Foreground 속성을 사용할 수 있습니다.
3. Control Styles and Templates은 항상 나에게 매우 유용하고있다 :