Question

我的应用程序中有一个3x3的按钮网格。他们使用自己的模板，如下所示。 PushDown和PushUp是Application.Resources前面定义的静态情节提要。

我可以使用三种方法触发这些动画，这些方法是在DataTriggers中定义的，模板内部具有不同的条件。但是，一旦使用IsMouseOver触发按钮的动画，就无法再通过IsPressed触发它。如果我使用MultiBinding条件触发它，则无法再使用IsMouseOver和IsPressed触发它。

我弄清楚了这些（Multi）DataTriggers影响的声明顺序，这些影响优先于此。我在这里缺少什么概念，如何确保在满足任何条件时动画情节提要板始终可以播放？

按钮模板如下：

<!--Pusher Style-->
 <Style TargetType="Button"
       x:Key='Pusher'>
  <Setter Property='Background'
          Value='Gray' />
  <Setter Property='Foreground'
          Value='White' />
  <Setter Property='FontFamily'
          Value='Calibri' />

  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="Button">

        <Grid>

          <Rectangle x:Name='_bottom'
                     Fill="#FF353535"
                     RadiusX="20"
                     RadiusY="20"
                     Margin='0,2,0,0' />

          <Border x:Name='_top'
                  Margin='0,0,0,10'>
            <Grid>
              <Rectangle x:Name='_color'
                         Fill="{TemplateBinding Background}"
                         RadiusX="20"
                         RadiusY="20" />
              <ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}"
                                Content="{TemplateBinding Content}"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center" />
            </Grid>
          </Border>
        </Grid>

        <ControlTemplate.Triggers>
          <!--Press down animation-->
          <MultiDataTrigger>
            <MultiDataTrigger.Conditions>
              <Condition Binding='{Binding RelativeSource={RelativeSource Self}, Path=IsPressed}'
                         Value='True' />
              <Condition Binding='{Binding IsHover}'
                         Value='False' />
            </MultiDataTrigger.Conditions>
            <MultiDataTrigger.EnterActions>
              <BeginStoryboard Storyboard='{StaticResource PushDown}' />
            </MultiDataTrigger.EnterActions>
            <MultiDataTrigger.ExitActions>
              <BeginStoryboard Storyboard='{StaticResource PushUp}' />
            </MultiDataTrigger.ExitActions>
          </MultiDataTrigger>

          <!--Conditional press down animation on hover-->
          <MultiDataTrigger>
            <MultiDataTrigger.Conditions>
              <Condition Binding='{Binding RelativeSource={RelativeSource Self}, Path=IsMouseOver}'
                         Value='True' />
              <Condition Binding='{Binding IsHover}'
                         Value='True' />
            </MultiDataTrigger.Conditions>
            <MultiDataTrigger.EnterActions>
              <BeginStoryboard Storyboard='{StaticResource PushDown}' />
            </MultiDataTrigger.EnterActions>
            <MultiDataTrigger.ExitActions>
              <BeginStoryboard Storyboard='{StaticResource PushUp}' />
            </MultiDataTrigger.ExitActions>
          </MultiDataTrigger>

          <!--Keyboard control animation-->
          <DataTrigger Value='True'>
            <DataTrigger.Binding>
              <MultiBinding Converter="{StaticResource CompareKey}">
                <Binding RelativeSource="{RelativeSource self}"
                         Path="Name"
                         Mode="OneWay" />
                <Binding Path='ButtonKey'
                         Mode="OneWay" />
              </MultiBinding>
            </DataTrigger.Binding>
            <DataTrigger.EnterActions>
              <BeginStoryboard Storyboard='{StaticResource PushDown}' />
            </DataTrigger.EnterActions>
            <DataTrigger.ExitActions>
              <BeginStoryboard Storyboard='{StaticResource PushUp}' />
            </DataTrigger.ExitActions>
          </DataTrigger>

          <Trigger Property="IsMouseOver"
                   Value="True">
            <Setter Property="Fill"
                    TargetName="_color"
                    Value="#FFEBCB31" />
          </Trigger>
          <Trigger Property='IsPressed'
                   Value="True">
            <Setter Property="Fill"
                    TargetName="_color"
                    Value="#FFD9AE2C" />
          </Trigger>

        </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>

</Style>

Answer 1

解决方案是将所有三个条件组合为一个多重绑定，该多重绑定处理它们的逻辑或。

动画触发在WPF中彼此覆盖

1 个答案: