2016-04-13 16 views
0

, see thisAnimasyon için bir hedef nasıl belirlenir? Bu soruyu okumadan önce

Şimdi kullanıcı kontrol kaynaklarda ve tanımlı film şeridi o ViewModel tanımlanan bir olayın üzerine tetiklenen alır var lütfen: o zaman

<UserControl.Resources> 
    <Storyboard x:Key="Storyboard2"> 
     <DoubleAnimation Storyboard.TargetName="Btn_Import" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:2"/> 
     <DoubleAnimation Storyboard.TargetName="Studio" Storyboard.TargetProperty="Opacity" From="0" To="{Binding StudioOpacityValue}" Duration="0:0:2"/> 

     <DoubleAnimation Storyboard.TargetName="StudioTranslateLeftToRight" Storyboard.TargetProperty="X" By="{Binding StudioStartingPointWidth}" Duration="0:0:2"> 
      <DoubleAnimation.EasingFunction> 
       <CubicEase EasingMode="EaseInOut"/> 
      </DoubleAnimation.EasingFunction> 
     </DoubleAnimation> 

     <DoubleAnimation Storyboard.TargetName="Animation" Storyboard.TargetProperty="Opacity" From="0" To="{Binding AnimationOpacityValue}" Duration="0:0:2"/> 
     <DoubleAnimation Storyboard.TargetName="Record" Storyboard.TargetProperty="Opacity" From="0" To="{Binding RecordOpacityValue}" Duration="0:0:2"/> 
     <DoubleAnimation Storyboard.TargetName="Info" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:2"/> 
     <DoubleAnimation Storyboard.TargetName="textframe_image" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:2"/> 
     <local:CommandFakeAnimation Command="{Binding Path=MainButtonClickedCommand, Mode=OneWay}" CommandParameter="Hide" Storyboard.TargetProperty="Opacity" Duration="0:0:0"/> 
    </Storyboard> 
</UserControl.Resources> 

ve ben film şeridi trigers bir olay: Ben animasyon uygulamak istediğiniz

<i:Interaction.Triggers> 
    <i:EventTrigger EventName="FadeInMainButtonsAfterStudio" SourceObject="{Binding Mode=OneWay}"> 
     <ei:ControlStoryboardAction Storyboard="{StaticResource Storyboard2}"/> 
    </i:EventTrigger> 
</i:Interaction.Triggers> 

ve kontrol etmektir:

<Button x:Name ="Studio" Grid.Row="33" Grid.Column="57" Grid.ColumnSpan="36" Grid.RowSpan="36" IsEnabled="{Binding IsStudioEnabled}" Opacity="{Binding StudioOpacityValue}" Command="{Binding MainButtonClickedCommand}" CommandParameter="Show"> 
    <Button.Template> 
     <ControlTemplate> 
      <Grid RenderTransformOrigin="0.5,0.5" x:Name="bg"> 
       <Image x:Name ="studio_image" Source="{Binding StudioBtnBaseImagePath}"/> 
      </Grid> 
      <ControlTemplate.Triggers> 
       <Trigger Property="IsMouseOver" Value="True"> 
        <Setter TargetName="studio_image" Property="Source" Value="{Binding StudioBtnOverImagePath}" /> 
        </Trigger> 

       <Trigger Property="ButtonBase.IsPressed" Value ="True"> 
        <Setter TargetName="bg" Property="RenderTransform"> 
         <Setter.Value> 
          <ScaleTransform ScaleX="0.9" ScaleY="0.9"/> 
         </Setter.Value> 
        </Setter> 
       </Trigger> 

      </ControlTemplate.Triggers> 
     </ControlTemplate> 
    </Button.Template> 

    <Button.RenderTransform> 
     <TransformGroup> 
      <TranslateTransform x:Name="StudioTranslateLeftToRight" X="0"/> 
     </TransformGroup> 
    </Button.RenderTransform> 

</Button> 

ama aşağıdaki çalışma zamanı hatası alıyorum:

Additional information: No target was specified for 'MainMenu.DummyAnimations.CommandFakeAnimation'

Bunun sorun olabilir?

+0

sen etkinlik tetiği uygulamak kontrolü hakkında biraz daha XAML lütfen gönderebilir miyim özel Animasyon için Storyboard.TargetName vermediğiniz? –

+0

Evet, lütfen güncellemeye bakın. – Ivan

cevap

1

olarak açıkça alıyorsanız hata açıklanan, sen

+1

Nitin haklıdır. 'Storyboard.TargetName' ekli bir özelliktir, bu yüzden 'CommandFakeAnimation' üzerinde de kullanabilirsiniz. Örneğin, Storyboard.TargetName = "Studio" ' –

+0

Evet, teşekkürler. Sadece bu kadar basit olduğunu bilmiyordum. – Ivan