UWP (XAML & C#): Анимированный значок CommandBar

Question

Как можно сделать значок CommandBar анимированным, как в приложении «Фото» во время синхронизации коллекции фотографий с OneDrive? Должен ли я использовать GIF-образ или есть лучший способ сделать это?

Answer 1

Легко с Storyboard определен в XAML:

<Page.Resources> 
    <Storyboard x:Name="IconRotation" AutoReverse="False" RepeatBehavior="Forever"> 
     <DoubleAnimation Duration="0:0:1" To="360" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="symbolIcon" /> 
    </Storyboard> 
</Page.Resources> 

SymbolIcon, AppBarButton и CommandBar:

<CommandBar> 
    <AppBarButton> 
    <AppBarButton.Icon> 
    <SymbolIcon x:Name="symbolIcon" Symbol="Sync" RenderTransformOrigin="0.5,0.5" > 
     <SymbolIcon.RenderTransform> 
      <CompositeTransform/> 
     </SymbolIcon.RenderTransform> 
     </SymbolIcon> 
    </AppBarButton.Icon> 
    </AppBarButton> 
    </CommandBar> 

запустить его и остановить его в CS файле:

IconRotation.Begin(); 
IconRotation.Stop(); 

Для изменение sp eed of rotation, изменить Duration свойство на раскадровке, и вы должны иметь возможность достичь такой же анимации, как в приложении «Фото».