Windows Phone 7 立体旋转动画的实现.docxVIP

Windows Phone 7 立体旋转动画的实现Storyboard.TargetProperty表示获取或设置应进行动画处理的属性的名称。通过对Storyboard.TargetProperty属性的设置可以很简单地实现X轴、Y轴、Z轴的立体旋转效果。Storyboard.TargetProperty=RotationX表示沿X轴旋转Storyboard.TargetProperty=RotationY表示沿Y轴旋转Storyboard.TargetProperty=RotationZ表示沿Z轴旋转下面是一个立体旋转的实例：phone:PhoneApplicationPagex:Class=PerspectiveRotation.MainPage xmlns=/winfx/2006/xaml/presentationxmlns:x=/winfx/2006/xaml xmlns:phone=clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone xmlns:shell=clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phonexmlns:d=/expression/blend/2008 xmlns:mc=/markup-compatibility/2006mc:Ignorable=d d:DesignWidth=480 d:DesignHeight=768FontFamily={StaticResourcePhoneFontFamilyNormal}FontSize={StaticResourcePhoneFontSizeNormal} Foreground={StaticResourcePhoneForegroundBrush}SupportedOrientations=PortraitOrLandscape Orientation=Portraitshell:SystemTray.IsVisible=Truephone:PhoneApplicationPage.ResourcesStoryboard x:Name=rotateX!--沿X轴方向旋转的面板--DoubleAnimationStoryboard.TargetName=planeProjectionStoryboard.TargetProperty=RotationX From=0 To=360 Duration=0:0:5//StoryboardStoryboard x:Name=rotateY!--沿Y轴方向旋转的面板--DoubleAnimationStoryboard.TargetName=planeProjectionStoryboard.TargetProperty=RotationY From=0 To=360 Duration=0:0:5//StoryboardStoryboard x:Name=rotateZ!--沿Z轴方向旋转的面板--DoubleAnimationStoryboard.TargetName=planeProjectionStoryboard.TargetProperty=RotationZ From=0 To=360 Duration=0:0:5//Storyboard/phone:PhoneApplicationPage.Resources!--LayoutRoot is the root grid where all page content is placed--Grid x:Name=LayoutRoot Background=TransparentGrid.RowDefinitionsRowDefinitionHeight=Auto/RowDefinitionHeight=*//Grid.RowDefinitions!--TitlePanel contains the name of the application and page title--StackPanelx:Name=TitlePanelGrid.Row=0 Margin=12,17,0,28TextBlockx:Name=ApplicationTitle Text=立体旋转 Style={StaticResourcePhoneTextNormalStyle}//StackPanel!--ContentPanel - pla