1

我在这里问了一个问题，但后来我意识到我的问题不是代码，而是我用于按钮的样式。由于这个问题与最初提出的问题完全不同，我认为如果我再次提出“正确”的问题，对其他用户会更有利。我来啦：

我在我的按钮中使用下面的模板。当我设置 button.IsEnabled=false 时它可以正常工作，但如果我设置 button.IsEnabled=true 它不会启用。你能指出我做错了什么吗？谢谢

<Style x:Key="BlackButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <ControlTemplate.Resources>
                    <Storyboard x:Key="MouseOverActivating">
                        <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                            <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF2F2F2F"/>
                            <SplineColorKeyFrame KeyTime="00:00:00.1270000" Value="#FF2391FF"/>
                        </ColorAnimationUsingKeyFrames>
                    </Storyboard>
                    <Storyboard x:Key="MouseOverDeactivating">
                        <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="rectangle">
                            <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF2391FF"/>
                            <SplineColorKeyFrame KeyTime="00:00:00.2200000" Value="#FF2F2F2F"/>

                        </ColorAnimationUsingKeyFrames>
                    </Storyboard>
                    <Storyboard x:Key="PressActivating">
                        <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                            <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF2391FF"/>
                            <SplineColorKeyFrame KeyTime="00:00:00.1370000" Value="#FF48D6FF"/>
                        </ColorAnimationUsingKeyFrames>
                    </Storyboard>
                    <Storyboard x:Key="PressedDeactivating" FillBehavior="Stop" >
                        <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="rectangle">
                            <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF48D6FF"/>
                            <SplineColorKeyFrame KeyTime="00:00:00.2370000" Value="#FF2391FF"/>
                        </ColorAnimationUsingKeyFrames>
                    </Storyboard>
                    <Storyboard x:Key="DisableActivating">
                        <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                            <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFA7A7A7"/>
                        </ColorAnimationUsingKeyFrames>
                    </Storyboard>
                </ControlTemplate.Resources>
                <Grid>
                    <Rectangle Stroke="Transparent" RadiusX="5" RadiusY="5" x:Name="rectangle">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF000000" Offset="0"/>
                                <GradientStop Color="#FF2F2F2F" Offset="1"/>
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" RecognizesAccessKey="True" OpacityMask="{x:Null}"/>
                    <Rectangle Stroke="Transparent" RadiusX="5" RadiusY="5" x:Name="WhiteGlow">
                        <Rectangle.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#5BFFFFFF" Offset="0"/>
                                <GradientStop Color="#00FFFFFF" Offset="0.5"/>
                            </LinearGradientBrush>
                        </Rectangle.Fill>
                    </Rectangle>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsCancel" Value="False"/>
                    <EventTrigger RoutedEvent="FrameworkElement.Loaded"/>
                    <Trigger Property="IsFocused" Value="True">
                        <Trigger.ExitActions>
                            <BeginStoryboard Storyboard="{StaticResource MouseOverActivating}" x:Name="MouseOverActivating_BeginStoryboard2"/>
                        </Trigger.ExitActions>
                        <Trigger.EnterActions>
                            <BeginStoryboard Storyboard="{StaticResource MouseOverActivating}" x:Name="MouseOverActivating_BeginStoryboard1"/>
                        </Trigger.EnterActions>
                    </Trigger>
                    <Trigger Property="IsDefaulted" Value="True"/>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Trigger.ExitActions>
                            <BeginStoryboard Storyboard="{StaticResource MouseOverDeactivating}" x:Name="MouseOverDeactivating_BeginStoryboard"/>
                        </Trigger.ExitActions>
                        <Trigger.EnterActions>
                            <BeginStoryboard Storyboard="{StaticResource MouseOverActivating}" x:Name="MouseOverActivating_BeginStoryboard"/>
                        </Trigger.EnterActions>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Trigger.EnterActions>
                            <BeginStoryboard x:Name="PressActivating_BeginStoryboard" Storyboard="{StaticResource PressActivating}"/>
                        </Trigger.EnterActions>
                        <Trigger.ExitActions>
                            <BeginStoryboard x:Name="PressedDeactivating_BeginStoryboard" Storyboard="{StaticResource PressedDeactivating}"/>
                        </Trigger.ExitActions>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Trigger.EnterActions>
                            <BeginStoryboard Storyboard="{StaticResource DisableActivating}" x:Name="DisableActivating_BeginStoryboard"/>
                        </Trigger.EnterActions>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
4

2 回答 2

1

最简单的选择是在 IsEnabled 触发器 ExitAction 中添加一个动画，这将恢复 EnterAction 中的动画

于 2009-06-08T20:50:48.550 回答
0

我怀疑您看到的行为是您在 IsEnabled 变为 false 时使用的动画的结果。DependencyProperties 实际上有一个与之相关的优先级，其中动画在列表中排名靠前；来自 MSDN的层次结构是：

  • 属性系统强制
  • 活动动画，或具有 Hold 行为的动画。
  • 当地价值
  • TemplatedParent 模板属性
  • 隐式风格
  • 风格触发器
  • 模板触发器
  • 样式设置器
  • 默认（主题）样式
  • 继承自父母
  • 依赖属性元数据的默认值

默认情况下，动画的FillBehavior为 HoldEnd，这意味着它们停留在动画结束时的值。当 IsEnabled 通过您的绑定变为 True 时，该更新发生在优先级中的“本地值”级别，并且由于 DisableActivating 故事板将外观保持在更高的优先级（“具有保持行为的动画”），您永远不会看到按钮在第一次更改后更改。

对此有三种解决方案：

  1. 将动画更新为具有 Stop 的 FillBehavior，这意味着一旦动画停止，动画将不会断言“IsEnabled=False”视觉效果。您需要一个与动画结束状态相同的标准非动画触发器，以便在动画完成后继续断言，否则您只会看到它恢复到动画开始时的状态. 由于它只是一个触发器集，因此当本地值更新时，您会看到它返回到您期望的原始值。此外，由于动画具有更高的优先级，您可以同时设置样式和启动动画，并且仅在动画完成后“查看”样式的影响（因此您的淡入淡出将按预期工作）。
  2. 您可以创建一个在 IsEnabled 为 True 时应用的新触发器，而不是更改 FillBehavior，它会动画（可能是瞬间）回到原始状态。这也可以通过在触发器的 ExitAction 中应用动画来完成。由于它也是一个动画，但后来被应用，它将覆盖另一个动画的 HoldEnd 状态。从某种意义上说，这比选项 1 更容易，但维护正向和反向动画可能会很麻烦，特别是如果您不需要反向动画来获得特定的视觉效果；但是，您可能希望保持它淡入和淡出禁用状态。
  3. 将 ExitAction 添加到 IsEnabled 触发器以停止情节提要，防止动画继续断言其在动画结束时具有的值，以便可以应用本地值样式。此选项的好处是不必重复样式（如#1），同时也不必反转动画（如#2）。

在这三种解决方案中，最后一种可能是最简洁的架构（除非您有特定的原因，例如需要同时淡入和淡出，更喜欢其他选项之一 - 或上述选项的组合）。

于 2009-06-08T20:36:26.753 回答