在布局更改之间平稳过渡

项目
10/11/2017

布局属性通常设置为离散值（如行号或列号）或设置为自动值（如宽度和高度）。若要在这些种类的属性的更改之间创建平稳的过渡，请使用“流动布局”。例如，如果某个对象在网格版式面板的左下角单元格中显示为一种状态，而在该版式面板的右下角单元格中则显示为不同状态，除非您为该状态组启用“流动布局”并增加过渡持续时间，否则这两种状态之间的过渡将引起即时更改。

说明：
流动布局只影响布局属性。

在布局更改之间平稳过渡

在打开的文档中布置对象。例如，您可以能有一个由三列和三行构成的网格对象，其中四个单元格中包含不同的对象。
在“状态”面板中，定义不同的视觉状态并更改各状态下对象的布局属性。例如，可定义每个对象的状态，以将对象按照跨越两行和两列的方式显示在右下角。

有关创建状态的信息，请参阅定义用户控件的可视状态和过渡时间。
在“状态”面板中，将状态组的“默认过渡”时间设置为 1 秒。
（可选）单击“EasingFunction” 选择一种应用于过渡的缓动函数。缓动函数会创建更加逼真的动画。例如，Bounce 缓动函数会创建反弹效果。
若要启用状态之间的更改，请打开“资产”面板，选择“行为”类别，然后将“GoToStateAction”行为拖到左下角中的对象上。
在“属性”面板中，将“GoToStateAction”的“StateName”属性更改为移动左下角对象的状态的名称。例如，将“StateName”属性更改为“Show1”。

有关行为的详细信息，请参阅向对象中添加行为。
既然已经准备好工作状态过渡，那么请按 F5 并单击网格左下角的对象，以测试应用程序。即使过渡时间为 1 秒，该对象也会立即移到右下角。
在“状态”面板中，为状态组单击“启用 FluidLayout”。
按 F5 并单击网格左下角的对象，以再次测试应用程序。在这 1 秒钟内，对象会平稳地移到右下角。