Windows store apps 像Windows 8.1中的电子邮件应用程序那样设置应用程序的动画

Windows 8.1中的电子邮件应用程序在AppBar中有一个漂亮的动画。当按钮未启用时，按钮消失，留下的按钮移动以填充空白。如果在应用程序中选择了多封电子邮件，则会发生这种情况

我应该怎么做才能在我的应用程序中添加这个

编辑：下面是我正在谈论的动画。右侧的第二个按钮不再可用，因此它会缩小，然后其他按钮会移动到空白处

---

AppBar控件对其中的网格使用

StackPanel

控件。因此，当添加一个按钮时，它会自动重新定位所有其他按钮。好吧，尽管我不知道电子邮件应用程序如何处理你发布的动画，但我绝对可以为你指路。希望它能给你一个想法

以下是AppBar的XAML：

所以点击事件应该是这样的

---

这样，就像“帮助”按钮上方的“退出”按钮，所以可能有点难看，但这就像你需要的一样。所以，稍作修改，或者添加一些动画，它应该与您发布的内容完全相同。

您也需要动画吗？对不起，标题是“动画”。我会调查一下，然后告诉你解决办法！好吧，我会回答这个问题，如果暂停不再存在。无意冒犯，但有更好的方法来解决这个问题。在XAML中，创建动画相当容易（特别是如果您使用Blend，强烈推荐）。Windows8还支持转换（预定义的动画或类似的东西），我怀疑这里可能会用到。问题是，我还没有弄明白如何把所有的东西放在一起：-）。好吧，你的问题是关于动画的，不是关于把所有的东西放在一起等等。如果你解释得更多，我可以整理一些东西@聚乙二醇

<Page.BottomAppBar >
         <AppBar  IsSticky="True" Name="AppBar" IsOpen="True" FlowDirection="RightToLeft">
              <StackPanel Name="bottomAppBar"  Orientation="Horizontal" >
                  <AppBarButton Name="btnOptions"  Icon="Setting" Width="100" Label="Options" />
                  <AppBarButton Name="btnHelp" Icon="Help" Width="100" Label="Help" />
                  <AppBarButton Name="btnExit"  Icon="Import" Width="100" Label="Exit" />
              </StackPanel>
         </AppBar>
    </Page.BottomAppBar>

    <Button Content="Button" HorizontalAlignment="Left" Margin="170,79,0,0"
        VerticalAlignment="Top" Height="66" Width="131" Click="Hide_Help_Click"/>

private async void Hide_Help_Click(object sender, RoutedEventArgs e)
{

    while (true)
    {

        await Task.Delay(1);
        if( btn.Width > 0 )
        {    
            btnHelp.Width = btnHelp.Width - 2;
        }
        else
        {
                break;
        }
     }
     btnHelp.Visibility = Visibility.Collapsed;
 }