WPF翻转动画

最新推荐文章于 2024-08-04 03:09:53 发布

东邪独孤

最新推荐文章于 2024-08-04 03:09:53 发布

阅读量2w

点赞数 10

分类专栏：事过境迁

本文链接：https://blog.csdn.net/tcjiaan/article/details/8784068

版权

本文介绍了如何在WPF中制作一个简单的三维翻转动画，以哄小孩。作者受到QQ 2013登录窗口的启发，使用AxisAngleRotation3D实现绕Z轴旋转的效果。在XAML中，通过定义两个用户控件分别作为正面和背面，并置于Viewport3D控件内。动画的触发是通过按钮点击，涉及到相应的事件处理代码。文章强调了定义坐标模型时点的逆时针顺序对于图形显示的重要性，并提供了代码下载链接。

摘要由CSDN通过智能技术生成

小丫头比较调皮，为了做个东东来哄一下小丫头，我想到了做一个简单的三维翻转动画。在登录QQ 2013 的时候，我看到登录窗口也有类似的动画。

在WPF中要翻转对象，估计是得用三维变换，所以我用到了AxisAngleRotation3D，让图形绕着Z轴来旋转。

先看看效果。

是的，就是这样的效果，在XAML中，由于涉及三维图形，我先做了两个用户控件，作为正面和背面，然后让它旋转。

设计完用户控件后，就在主窗口上放一个Viewport3D控件，这个是必须的，它是三维模型的容器，如果不用就不知道怎么弄出三维图形来了。具体请看下面的XAML：

<Window x:Class="翻转.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="420" Width="650"
        xmlns:local="clr-namespace:翻转"
        WindowStyle="None"
        ResizeMode="NoResize"
        AllowsTransparency="True"
        Background="Transparent"
        WindowStartupLocation="CenterScreen">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <Viewport3D Grid.Row="0" Margin="3">