silverlight - 动画页边距底部 Silverlight

Question

我目前正在处理动画，我有一个隐藏搜索面板的网格，单击搜索按钮可将网格向下移动以显示搜索选项。

我有这部分工作的问题是网格 View 占用了所有可用空间，因此当搜索栏隐藏时，它看起来不错，但如果搜索栏可见，则网格底部会离开页面。

我一直在尝试使用边距来解决这个问题，当搜索栏显示时，底部边距会增加，减少其总大小并阻止它离开屏幕底部。

我已经阅读了一些主题，指出边距上的动画是不可能的。我设法使用以下代码使其部分工作。

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Margin" Storyboard.TargetName="Grid">
            <DiscreteObjectKeyFrame KeyTime="0" Value="0"/>
            <DiscreteObjectKeyFrame KeyTime="0:0:0.5" Value="170"/>
        </ObjectAnimationUsingKeyFrames>

问题是这将边距应用于对象的所有侧面，我只想在底部应用边距。不幸的是，下面的代码不起作用





是否有解决方法，或者我是否必须找到另一种方法来向上移动网格的底部。

谢谢

Answer 1

Margin属性类型为 Thickness ，因此您应该能够按如下方式设置其组成部分:

    <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Margin"
                                   Storyboard.TargetName="Grid">
        <DiscreteObjectKeyFrame KeyTime="0" Value="0"/>
        <DiscreteObjectKeyFrame KeyTime="0:0:0.5">
           <DiscreteObjectKeyFrame.Value>
              <Thickness>3,7,5,9</Thickness>
           </DiscreteObjectKeyFrame.Value>
        </DiscreteObjectKeyFrame>
    </ObjectAnimationUsingKeyFrames>

更好的选择可能是使用 TranslateTransform 来定位您的控件。 ，这样您就可以简单地更改 X 或 Y 组件。我个人认为通过它的边距定位一个控件有点小技巧!