wpf：将样式DataTrigger更改为ControlTemplate DataTrigger

2 回答

• 0

  我想，你正在使用一种风格将 Template 应用于 ToggleButton . 如果没有，为 ToggleButton 创建默认样式并将 Template 属性设置为 ControlTemplate

  <Style TargetType="ToggleButton">
      <Setter Property="Template" Value="{StaticResource ClipBoardButton1}" />
  </Style>
  

  并且，围绕使用DataTriggers遇到问题，我不会将 DataTriggers 添加到 ControlTemplate ，因为，想想这个场景，当你想在属性名称不同的不同地方使用同一个模板时会发生什么（不是 myProperty ） ？

  要实现您的目标，您可以将 ControlTemplate 中的 Trigger 更新为以下内容：

  <Trigger Property="IsChecked" Value="True">
      <Setter Property="Content" Value="IS TRUE" />
      <Trigger.EnterActions>
          <BeginStoryboard Storyboard="{StaticResource ButtonDownTimeLine}"/>
      </Trigger.EnterActions>
      <Trigger.ExitActions>
          <BeginStoryboard Storyboard="{StaticResource ButtonUpTimeLine}"/>
      </Trigger.ExitActions>
  </Trigger>
  <Trigger Property="IsChecked" Value="False">
      <Setter Property="Content" Value="IS FALSE"></Setter>
  </Trigger>
  

  并将 ToggleButton 的 IsChecked 属性绑定到 myProperty

  <ToggleButton Height="34" HorizontalAlignment="Left" 
                x:Name="toggleBroadcast" 
                Click="Button_Click" 
                VerticalAlignment="Top" 
                Width="133" Margin="180,0,0,0" 
                IsChecked="{Binding myProperty}"/>
  

  UPDATE

  将 ControlTemplate 中的触发器替换为：

  <DataTrigger Binding="{Binding myProperty}" Value="True">
      <DataTrigger.EnterActions>
          <BeginStoryboard Storyboard="{StaticResource ButtonDownTimeLine}"/>
      </DataTrigger.EnterActions>
      <DataTrigger.ExitActions>
          <BeginStoryboard Storyboard="{StaticResource ButtonUpTimeLine}"/>
      </DataTrigger.ExitActions>
  </DataTrigger>
  

  回复于 2024-05-03T04:36:53+08:00
• 4

  您可以在样式中使用控件模板 . 如下 . 我希望这有帮助

  <Window.Resources>
      <Style x:Key="toggleBtnStyle" TargetType="{x:Type ToggleButton}">
          <Style.Triggers>
              <DataTrigger Binding="{Binding Path=myProperty}" Value="true">
                  <Setter Property="Content" Value="IS TRUE"/>
              </DataTrigger>
              <DataTrigger Binding="{Binding Path=myProperty}" Value="false">
                  <Setter Property="Content" Value="IS FALSE"/>
              </DataTrigger>
          </Style.Triggers>
          <Setter Property="Template">
              <Setter.Value>
                  <ControlTemplate TargetType="{x:Type ToggleButton}">
                      <Border BorderThickness="1,1,1,1" CornerRadius="1,1,1,1" BorderBrush="Black" Background="Black" >
                          <Grid>
                              <Border x:Name="BorderUp" BorderThickness="1,1,1,1" CornerRadius="1,1,1,1" Background="Blue"/>
                              <Border x:Name="BorderDown" BorderThickness="1,1,1,1" CornerRadius="1,1,1,1" Opacity="0" Background="Aqua"/>
                              <ContentPresenter x:Name="Contents" HorizontalAlignment="Center" VerticalAlignment="Center" Width="Auto" Margin="0,0,0,0"/>
                          </Grid>
                      </Border>
  
                      <ControlTemplate.Resources>
                          <Storyboard x:Key="ButtonDownTimeLine">
                              <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="BorderDown" Storyboard.TargetProperty="Opacity">
                                  <SplineDoubleKeyFrame KeyTime="00:00:00.05" Value="1"/>
                              </DoubleAnimationUsingKeyFrames>
                              <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Contents" Storyboard.TargetProperty="Margin">
                                  <SplineThicknessKeyFrame KeyTime="00:00:00.025" Value="0.5,0.5,0,0"/>
                              </ThicknessAnimationUsingKeyFrames>
                          </Storyboard>
                          <Storyboard x:Key="ButtonUpTimeLine">
                              <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="BorderDown" Storyboard.TargetProperty="Opacity">
                                  <SplineDoubleKeyFrame KeyTime="00:00:00.25" Value="0"/>
                              </DoubleAnimationUsingKeyFrames>
                              <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Contents" Storyboard.TargetProperty="Margin">
                                  <SplineThicknessKeyFrame KeyTime="00:00:00.25" Value="0,0,0,0"/>
                              </ThicknessAnimationUsingKeyFrames>
                          </Storyboard>
                      </ControlTemplate.Resources>
  
                      <ControlTemplate.Triggers>
                          <Trigger Property="IsChecked" Value="True">
                              <Trigger.EnterActions>
                                  <BeginStoryboard Storyboard="{StaticResource ButtonDownTimeLine}"/>
                              </Trigger.EnterActions>
                              <Trigger.ExitActions>
                                  <BeginStoryboard Storyboard="{StaticResource ButtonUpTimeLine}"/>
                              </Trigger.ExitActions>
                          </Trigger>
                      </ControlTemplate.Triggers>
                  </ControlTemplate>
              </Setter.Value>
          </Setter>
      </Style>
  </Window.Resources>
  

  回复于 2024-05-03T04:36:53+08:00