사용자 콘트롤의 애니메이션

Question

나는 앞뒤로 불투명도를 애니메이트하는 구성 요소를 가지고 있습니다.

어떻게 애니메이션을 바로 실행합니까?

여기에 해당 애니메이션에 대한 내 리소스가 있습니까? 이것은 작동 할 수

<RadioButton.Resources> 
    <Style x:Key="PhoneRadioButtonCheckBoxBase" TargetType="ToggleButton"> 
     <Setter Property="Background" Value="{StaticResource PhoneRadioCheckBoxBrush}"/> 
     <Setter Property="BorderBrush" Value="{StaticResource PhoneRadioCheckBoxBrush}"/> 
     <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/> 
     <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/> 
     <Setter Property="HorizontalContentAlignment" Value="Left"/> 
     <Setter Property="VerticalContentAlignment" Value="Center"/> 
     <Setter Property="Padding" Value="1"/> 
    </Style> 
    <Style x:Key="RectToggleButton" TargetType="RadioButton"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="RadioButton"> 
        <Grid x:Name="grid" Background="Transparent" Loaded="grid_Loaded"> 
         <Grid.Resources> 
          <Storyboard x:Name="Strobing" AutoReverse="True" RepeatBehavior="Forever"> 
           <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="HighlightedSprite"> 
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.495"/> 
            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/> 
           </DoubleAnimationUsingKeyFrames> 
          </Storyboard> 
         </Grid.Resources> 

Answer 1

: -

    <Grid x:Name="grid" Background="Transparent" > 
         <Grid.Triggers> 
           <EventTrigger RoutedEvent="RadioButton.Loaded"> 
            <BeginStoryboard> 
          <Storyboard AutoReverse="True" RepeatBehavior="Forever"> 
           <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="HighlightedSprite"> 
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.495"/> 
            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/> 
           </DoubleAnimationUsingKeyFrames> 
          </Storyboard> 
            </BeginStoryboard> 
           </EventTrigger> 
         </Grid.Triggers> 

또는 당신이 시도 할 수 : -

   <ControlTemplate TargetType="RadioButton"> 
        <Grid x:Name="grid" Background="Transparent"> 
         <VisualStateManger.VisualStateGroups> 
          <VisualStateGroup x:Name="CommonStates"> 
           <VisualState x:Name="Normal"> 
          <Storyboard AutoReverse="True" RepeatBehavior="Forever"> 
           <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="HighlightedSprite"> 
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.495"/> 
            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/> 
           </DoubleAnimationUsingKeyFrames> 
          </Storyboard> 
           </VisualState> 
         </VisualStateGroup> 
         </VisualStateManger.VisualStateGroups>