2012-03-29 62 views
1

我需要綁定到故事板,但我不能確定如何。我有綁定工作在另一個控制,但似乎無法讓它與這一個工作。你能幫我嗎,這可能嗎?如何綁定故事板動畫中的圖像

我怎麼能有代替此XAML

<Storyboard x:Key="CandleStoryboardXaml" RepeatBehavior="Forever"> 
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="CandleImage" Storyboard.TargetProperty="Source"> 
    <DiscreteObjectKeyFrame KeyTime="0:0:0.50" Value="/images/candle_01.jpg" /> 
    <DiscreteObjectKeyFrame KeyTime="0:0:0.100" Value="/images/candle_02.jpg" /> 
    <DiscreteObjectKeyFrame KeyTime="0:0:0.150" Value="/images/candle_03.jpg" /> 
    <DiscreteObjectKeyFrame KeyTime="0:0:0.200" Value="/images/candle_04.jpg" /> 
    <DiscreteObjectKeyFrame KeyTime="0:0:0.250" Value="/images/candle_05.jpg" /> 
    ... 
</ObjectAnimationUsingKeyFrames> 
</Storyboard>` 

到這樣的事情

<Storyboard x:Key="CandleStoryboardXaml" RepeatBehavior="Forever"> 
<ObjectAnimationUsingKeyFrames Storyboard.TargetName="CandleImage" Storyboard.TargetProperty="Source"> 
    <DiscreteObjectKeyFrame Value="{Binding SourceItem}" />   
</ObjectAnimationUsingKeyFrames> 
</Storyboard> 

回答

2

如果你想創建一個使用綁定的第一分鏡正是,答案是你可以「T。 Silverlight中的集合綁定由ItemsControl執行,它根據模板構建項目並將其添加到可視化樹中。故事板沒有可視化樹,所以在這種情況下你不能使用這種方法。

我會建議編寫一些代碼來創建基於你的圖像陣列的故事板。如果您擔心存在代碼隱藏問題,則始終可以將代碼打包爲附加行爲。

+0

嗨科林好,我一直在努力的是,來到另一個障礙我這裏有一個問題[鏈接](http://stackoverflow.com/questions/9923067/how-to-use-圖像存儲在一個孤立存儲的故事板動畫),我可以將圖像綁定到列表框,但是當我使用獨立存儲來獲取圖像在故事板中迭代時,它不起作用爲了我。我不知道如何在獨立存儲中打開多個圖像。 – 2012-03-30 15:48:56

0

試着有一個堆棧面板,並以水平或垂直方式逐個添加圖像。

  <StackPanel.Resources> 

      <EventTrigger x:Name="event" RoutedEvent="StackPanel.Loaded"> 
      <EventTrigger.Actions> 

      <BeginStoryboard> 

      <Storyboard x:Name="mystoryboard"> 

      <DoubleAnimationUsingKeyFrames 
      Storyboard.TargetName="Trans" 
      Storyboard.TargetProperty="X"> 
     <LinearDoubleKeyFrame Value="-387" KeyTime="0:0:1" /> 




     </DoubleAnimationUsingKeyFrames> 


    <Image Height="165" HorizontalAlignment="Left" Margin="400,40,-400,0" VerticalAlignment="Top" Width="175" Source="{Binding SourceItem}"> 
            <Image.RenderTransform> 
             <TranslateTransform x:Name="Trans" X="0" Y="0" /> 
            </Image.RenderTransform> 
           </Image> 
+0

我會爲此表示感謝。 – 2012-03-30 15:49:25