2013-06-24 6 views
1

나는이 같은 효과를 구현하려는 창 전화에있는 ScrollView에서 시작할 수 없습니다 :
가 80 * 80있는 ScrollView이며, 내가 그것을
1 초에 160 * 80 그림을 넣어 다음 그림 왼쪽/있는 ScrollView, 2 초에 다음 그림/오른쪽까지있는 ScrollView
에서이 전환 과정으로 압연애니메이션

내 코드 :
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(); 

, u는 나를 밖으로 찾을 수 있습니다 무슨 이유입니까 ???
또는 다른 방법으로 구현하려면
감사합니다!
어떤 조언은 Grid 내에 ScrollViewer 내용과 같이 큰

답변

1

장소가 될 것입니다 :

<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

그러나 문제가 있습니다. 스크롤 뷰를 그리드로 변경하면 롤링 개체가 컨테이너 위에 표시되고 전체 160 * 80 롤링 개체가 컨테이너 위에 표시됩니다. – iloveiniestaandowen

+0

난 그냥 컨테이너에 롤링 개체를 보내고 싶어요, 그리고 난 80 * 80을 참조하십시오. – iloveiniestaandowen

+0

제가 가장 좋아하는 퍼즐은 제가 움직 위치 애니메이션을 사용할 때, 움직이는 물체가 항상 표면 위의 모든 컨테이너 위에있는 것처럼 보입니다. 내 잘못이 어디인지 모르겠다. – iloveiniestaandowen