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能幫助我找到了它是什麼原因?
或者給我另一種方式來實現這個
謝謝你!
任何意見將是巨大的
但有一個問題,如果我將scrollview更改爲網格,滾動對象將位於容器上方,並且我會看到容器上方的整個160 * 80滾動對象。 – iloveiniestaandowen
我只是想讓容器中的滾動對象,而我只看到80 * 80 – iloveiniestaandowen
最讓我困惑的是,當我使用移動位置動畫時,移動對象似乎總是在表面上,在所有容器之上,我不知道我的錯在哪裏 – iloveiniestaandowen