使用XamlFlair动画化WPF扩展器

编程问答 2022-06-04

问题描述

我不知道如何使用XamlFlair为WPF Expander设置动画。我最简单的模板（应从顶部扩展到底部，然后从收缩到顶部）：

<ControlTemplate TargetType="{x:Type Expander}">
    <DockPanel>
        <!-- EXPANDER HEADER -->
        <ToggleButton x:Name="ExpanderButton"
                        DockPanel.Dock="Top"
                        HorizontalContentAlignment="Stretch"
                        IsChecked="{Binding IsExpanded,RelativeSource={RelativeSource TemplatedParent}}"
                        Content="Expand me"/>
        <!-- EXPANDER CONTENT -->
        <ContentPresenter x:Name="ExpanderContent"
                            DockPanel.Dock="Bottom"
                            xf:Animations.CombinedBinding="{Binding IsExpanded,RelativeSource={RelativeSource TemplatedParent}}"
                            xf:Animations.Primary="{xf:Animate BasedOn={StaticResource ScaleFromTop},Event=None,TransformOn=Layout}"
                            xf:Animations.Secondary="{xf:Animate BasedOn={StaticResource ScaleToTop},TransformOn=Layout}"
                            xf:Animations.StartWith="{StaticResource ScaleToTop}">
        </ContentPresenter>
    </DockPanel>
</ControlTemplate>

问题在于，无论初始IsExpanded属性值是多少，Expander都会在开始时呈现扩展。当我添加xf:Animations.StartWith="{StaticResource ScaleToTop}"（或ScaleFromTop-不管哪个）时，不仅不能解决问题，而且Expander的内容始终为空白。

有人知道如何使它按预期工作吗？谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

animationanimationexpanderwpfwpfxaml