WPF实现Android 3d 菜单翻转动画
WPF开发者QQ群: 340500857
微信公众号:WPF开发者 或者搜索:WPFDevelopers
前言
需要WPF实现Android(3D)菜单翻转动画。
效果预览:
代码如下:
<Grid>
<Grid.Background>
<ImageBrush ImageSource="background.png"/>
</Grid.Background>
<Border Width="400" Height="235" Background="#F9F7F9"
VerticalAlignment="Top" Margin="10,0" SnapsToDevicePixels="True">
<UniformGrid Columns="5" VerticalAlignment="Bottom">
<Viewport3D Height="80" Width="80">
<Viewport3D.Camera>
<OrthographicCamera LookDirection="0,0,-100" Position="0,0,100" UpDirection="0,1,0"/>
</Viewport3D.Camera>
<Viewport3D.Children>
<ModelVisual3D>
<ModelVisual3D.Content>
<AmbientLight Color="White"/>
</ModelVisual3D.Content>
</ModelVisual3D>
<ContainerUIElement3D>
<ContainerUIElement3D.Transform>
<RotateTransform3D>
<RotateTransform3D.Rotation>
<AxisAngleRotation3D Angle="0" Axis="1 0 0"/>
</RotateTransform3D.Rotation>
</RotateTransform3D>
</ContainerUIElement3D.Transform>
<Viewport2DVisual3D>
<Viewport2DVisual3D.Material>
<DiffuseMaterial Viewport2DVisual3D.IsVisualHostMaterial="True"/>
</Viewport2DVisual3D.Material>
<Viewport2DVisual3D.Geometry>
<MeshGeometry3D Positions="-1,1,1 -1,-1,1 1,-1,1 1,1,1"
TextureCoordinates="0,0 0,1 1,1 1,0"
TriangleIndices="0 1 2 0 2 3"/>
</Viewport2DVisual3D.Geometry>
<Border Background="#5B31AD" Height="110" Width="110" CornerRadius="0,0,0,30">
<Path Data="{StaticResource PathBuildingRegular}" Fill="#FFFF"
Stretch="Fill" Width="40" Height="40"/>
</Border>
</Viewport2DVisual3D>
<