Animation 非常简单的flex动画不沿x轴移动

我正在尝试使用MXML中的动画沿X或Y轴移动按钮。 我的按钮在单击时会增加宽度，但不会移动。这个代码有什么问题？应该很简单，但我找不到

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:mx="library://ns.adobe.com/flex/mx" 
    xmlns:s="library://ns.adobe.com/flex/spark"
    initialize='init()'>

    <fx:Script>
        <![CDATA[
            public function init():void {}
        ]]>
    </fx:Script>

    <s:layout>
        <s:VerticalLayout id='l' horizontalAlign="left" />
    </s:layout>

    <fx:Declarations>
        <s:Animate id="mover" target="{button}" duration="1000">
            <s:SimpleMotionPath property="x" valueFrom="0" valueTo="100"/>
            <s:SimpleMotionPath property="y" valueTo="100"/>
            <s:SimpleMotionPath property="width" valueBy="20"/>
        </s:Animate>
    </fx:Declarations>  

    <s:Button id="button" click="mover.play()" label="Button"/>

</s:Application>

我从AdobeDocs获得了这个示例。我认为它应该与布局或类似的东西有关，但我所有改变布局的尝试，包括进入画布或其他技巧，都不会改变任何东西：按钮仍然保持在同一位置

---

谢谢你的帮助

该问题是由使用垂直布局引起的。此布局以及

水平布局

，忽略正在布局的对象的x/y特性

---

如果您完全删除布局声明，它将使用默认的

BasicLayout

，它将尊重x/y属性并允许动画工作。

尝试增加路径长度。大多数情况下，100像素可能不够长。。立即尝试600，如果仍然不移动，我们将看到..或者你已经尝试过了吗？只是尝试了600，按钮仍然不移动。。。我还尝试使用一个小的valueBy作为width属性（如5），按钮的宽度仍然增加。请尝试删除函数声明并仅运行脚本。我的意思是删除声明标记如果我删除声明标记并让动画与按钮处于同一级别，mxml不会编译。如果没有脚本标记，结果是相同的。您是对的，删除布局时按钮会移动。谢谢你指出！