在与OneDrive同步照片收集期间,如何使CommandBar图标像在“照片”应用程序中一样动画?我应该使用GIF图像还是有更好的方法?

最佳答案

使用xaml中定义的Storyboard很容易:

 <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>


SymbolIconAppBarButtonCommandBar

<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();


要更改旋转速度,请更改情节提要上的Duration属性,您应该能够获得与Photo应用程序中完全相同的动画。

关于c# - UWP(XAML和C#):动画CommandBar图标,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35552630/

10-13 08:06