在Metro风格的应用中滑入的页面项目

时间:2012-08-15 06:42:19

标签: animation microsoft-metro slide items

我正在尝试使用Visual Studio 2012创建一个都市风格的应用程序,我不是最有经验的设计师,但我的应用程序的一件事让我感到困惑。

我一直在使用“基本页面”而不是空白页面来处理我的应用程序中用于设计一致性的不同页面,但似乎这些“基本页面”有一种奇怪的行为。我在页面上放置的每个项目(按钮,文本框等)都将在页面打开时逐个滑动。例如,如果我运行应用程序并导航到包含10个按钮的页面,它将执行一个简短的动画,其中每个按钮将从右侧滑入到左侧。当在一个页面上处理大量项目时,每个项目在seperatley中滑动会花费很多时间。

查看每个项目的属性,我可以通过更改流向来加载页面时更改滑动方向。还有一些研究我认为它可能是由于地铁风格的'enterPage'或'enterContent'动画,但我无法确定。

我试图进行实验并弄清楚这一点,然后搜索找出导致这种情况的原因,以便我可以对其进行修改(理想情况下,我希望将项目组合在一起以便相互滑入)但是这有点困难用模糊的词搜索,所以我在这里问。

造成这种情况的原因是什么以及如何修改它?

2 个答案:

答案 0 :(得分:0)

EnterPage不应该对动画进行排序。它们确实抵消了许多元素的一些动画,但它不应该是每个元素的顺序。

您使用的是WinJS导航吗?

答案 1 :(得分:0)

经过一些实验,我发现将所有页面内容放入网格中后,它们就会像我想的那样立刻进入。我可能应该早点尝试过,但是所有内容都已经在页面的外部网格中,所以我认为它会处理它。

我并不完全理解它,但现在仍然有效。