Применение индивидуального стиля ко всем моим кнопкам на странице

Question

У меня есть страница.

Когда нажата кнопка, я хочу, чтобы она прошла до прозрачности 50%.

Раньше у меня был синий экран кнопки по умолчанию при нажатии, и я удалил его с помощью VisualState на моей странице (удалив стили по умолчанию для нажатия кнопки).

Теперь я хочу применить стиль прозрачности.

Я изменил мою разметку следующим образом:

<VisualState x:Name="Pressed"> 
    <Storyboard> 
     <PointerDownThemeAnimation Storyboard.TargetName="Grid"/> 
      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity"> 
       <DiscreteObjectKeyFrame KeyTime="0" Value="50"></DiscreteObjectKeyFrame> 
      </ObjectAnimationUsingKeyFrames> 
    </Storyboard> 
</VisualState> 

и это одна из моих кнопки:

<Button Name="btnDel" Grid.Row="4" Grid.Column="2" Width="75" Height="75" HorizontalAlignment="Center" > 
    <Button.Background> 
     <ImageBrush ImageSource="ms-appx:///Images/del.png" Stretch="Uniform"/> 
    </Button.Background> 
</Button> 

и ошибка, я получаю:

целевой анимации не указано.

Answer 1

Вам нужно будет использовать DoubleAnimation оживить Grid «s Opacity, как это -

<VisualState x:Name="Pressed"> 
    <Storyboard> 
     <PointerDownThemeAnimation Storyboard.TargetName="Grid"/> 
     <DoubleAnimation Duration="0" To="0.5" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Grid"/> 
    </Storyboard> 
</VisualState>