用XamlFlair制作WPF Expander动画

Question

我不知道如何用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}, Event=None, TransformOn=Layout}"
                            xf:Animations.StartWith="{StaticResource ScaleToTop}">
        </ContentPresenter>
    </DockPanel>
</ControlTemplate>

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

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

Answer 1

我绞尽脑汁想了两天，5分钟后就想出了答案。

没有使用xf:Animations.StartWith，而是添加了以下内容：

<ContentPresenter.LayoutTransform>
    <ScaleTransform ScaleX="1" ScaleY="0" />
</ContentPresenter.LayoutTransform>