2013-06-24 33 views
1

我想实现这样的效果:
有一个80 * 80滚动视图,我把一个160 * 80 PIC它
1S:PIC的左/在向上滚动视图,2S:PIC的右/上在滚动视图
滚动作为过渡过程动画无法在滚动视图开始的Windows Phone

我的代码:
XAML

<UserControl.Resources> 
    <Storyboard x:Name="Storyboard1"> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="my_combo_pic"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="0"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:3" Value="80"/> 
     </DoubleAnimationUsingKeyFrames> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="my_combo_pic"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="0"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:3" Value="0"/> 
     </DoubleAnimationUsingKeyFrames> 
    </Storyboard> 
</UserControl.Resources> 


... 
       <ScrollViewer x:Name="my_combo" Tap="MyCombolIconTapped" HorizontalAlignment="Right" Height="80" Margin="0" VerticalAlignment="Bottom" Width="80"> 
        <Image x:Name="my_combo_pic" Stretch="Fill" Source="/Images/my_combo_icon.png" RenderTransformOrigin="0.5,0.5" Height="160" Width="80"> 
         <Image.RenderTransform> 
          <CompositeTransform/> 
         </Image.RenderTransform> 
        </Image> 
       </ScrollViewer> 
      </Grid> 

CS

Storyboard1.Begin(); 
在加载

但是,我发现,动画不工作,即使它运作良好,在Expression Blend中
所以

,u能帮助我找到了它是什么原因?
或者给我另一种方式来实现这个
谢谢你!
任何意见将是巨大的

回答

1

放置一个Grid在您ScrollViewer内容如下所示:

<ScrollViewer> 
     <Grid> 
      <Image x:Name="my_combo_pic" Stretch="Fill" Source="/Images/my_combo_icon.png" RenderTransformOrigin="0.5,0.5" Height="160" Width="266"> 
       <Image.RenderTransform> 
        <CompositeTransform /> 
       </Image.RenderTransform> 
      </Image> 
     </Grid> 
</ScrollViewer> 

这里的问题是,动画系统越来越有点困惑,因为ScrollViewer只有在它有一个Image这本身并不是一个容器,所以它认为没有什么地方可以进行动画制作(因为它与任何东西都没有关系)。

+0

但有一个问题,如果我将scrollview更改为网格,滚动对象将位于容器上方,并且我会看到容器上方的整个160 * 80滚动对象。 – iloveiniestaandowen

+0

我只是想让容器中的滚动对象,而我只看到80 * 80 – iloveiniestaandowen

+0

最让我困惑的是,当我使用移动位置动画时,移动对象似乎总是在表面上,在所有容器之上,我不知道我的错在哪里 – iloveiniestaandowen