wpf 动画 2个窗体切换

?





1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

<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">

            <Viewport3D.Camera>

                <!--Position以世界坐标表示的摄像机位置 LookDirection定义摄像机在世界坐标中的拍摄方向的 Vector3D  NearPlaneDistance指定到摄像机近端剪裁平面的摄像机的距离-->

                <PerspectiveCamera Position="0 0 800"
LookDirection="0 0 -1"
NearPlaneDistance="100"/>

            </Viewport3D.Camera>

            <Viewport3D.Children>

                <ContainerUIElement3D>

                    <Viewport2DVisual3D>

                        <Viewport2DVisual3D.Geometry>

                            <MeshGeometry3D Positions="-200 150 0  -200 -150 0  200 -150 0  200 150 0"
TriangleIndices="0 1 2  0 2 3"
TextureCoordinates="0 0  0 1  1 1  1 0"/>

                        </Viewport2DVisual3D.Geometry>

                        <Viewport2DVisual3D.Material>

                            <DiffuseMaterial Viewport2DVisual3D.IsVisualHostMaterial="True"/>

                        </Viewport2DVisual3D.Material>

                        <Viewport2DVisual3D.Visual>

                            <local:UcSample1 Width="400"
Height="300"/>

                        </Viewport2DVisual3D.Visual>

                    </Viewport2DVisual3D>

                    <Viewport2DVisual3D>

                        <Viewport2DVisual3D.Geometry>

                            <MeshGeometry3D Positions="200 150 0  200 -150 0  -200 -150 0  -200 150 0"
TriangleIndices="0 1 2  0 2 3"
TextureCoordinates="0 0  0 1  1 1  1 0"/>

                        </Viewport2DVisual3D.Geometry>

                        <Viewport2DVisual3D.Material>

                            <DiffuseMaterial Viewport2DVisual3D.IsVisualHostMaterial="True"/>

                        </Viewport2DVisual3D.Material>

                        <Viewport2DVisual3D.Visual>

                            <local:UcSample2 Width="400"
Height="300"/>

                        </Viewport2DVisual3D.Visual>

                    </Viewport2DVisual3D>

                    <!-- 三维变换 转换方向 -->

                    <ContainerUIElement3D.Transform>

                        <RotateTransform3D CenterX="0.5"
CenterY="0.5"
CenterZ="0.5">

                            <RotateTransform3D.Rotation>

                                <AxisAngleRotation3D x:Name="axr"
Angle="0"
Axis="0 1 0"/>

                            </RotateTransform3D.Rotation>

                        </RotateTransform3D>

                    </ContainerUIElement3D.Transform>

                </ContainerUIElement3D>

                <!--背景-->

                <ModelVisual3D>

                    <ModelVisual3D.Content>

                        <DirectionalLight Color="Transparent"/>

                    </ModelVisual3D.Content>

                </ModelVisual3D>

            </Viewport3D.Children>

        </Viewport3D>

        <StackPanel Grid.Row="1"
Margin="0,5,0,6"
Orientation="Horizontal"
HorizontalAlignment="Center">

            <Button Padding="25,5"
Content="向前"
Click="OnClick"/>

            <Button Padding="25,5"
Content="向后"
Click="OnClick"
Margin="12,0,0,0"/>

            <Button Padding="25,5"
Content="关闭"
Click="OnClick"
Margin="12,0,0,0"/>

        </StackPanel>

    </Grid>

</Window><br>

  

private void OnClick(object sender, RoutedEventArgs e)
{

Button btn = e.OriginalSource as Button;
if (btn !=
null)
{
string s = btn.Content.ToString();

if (s == "关闭")
{
this.Close();

}
DoubleAnimation da = new DoubleAnimation();

da.Duration = new Duration(TimeSpan.FromSeconds(1));

if (s == "向前")
{
da.To = 0d;
}

else if (s == "向后")
{
da.To = 180d;

}

this.axr.BeginAnimation(AxisAngleRotation3D.AngleProperty, da);

}

local:UcSample1 和 local:UcSample2为2个单独窗体

说说 MeshGeometry3D 里 常用的 四个属性。

先看看 MSDN 的 简介

先说说 Positions,介绍说 是顶点位置的集合,什么意思,看张图片。

这张简单描述了一个三位坐标系,里面有四个坐标点,也就是顶点位置,都已标出,也就组成了集合(Positions)。

它所标示的是一个正方形,先放在这里,下面说一下TriangleIndices。

往往分不清 TriangleIndices 和 Positions 的关系。

举个例子:

TriangleIndices="0 1 2 2 3 0"

它所表示的是什么。每个数字什么意思。

先讲一下概念,字面意思是三角形索引的集合。为什么要用到三角形呢,因为在3D图形的世界里,所有物体都可以被描述成为一系列三角形的集合。

比如我们现在画的这个正方形,可以有两个三角形组成。

那么TriangleIndices="0 1 2 2 3 0"  按照图片显示的可以翻译成 “P0 P1 P2,P2 P3 P0”,或者 0
对应 (-1,1,0),1 对应 (-1,-1,0),以此类推。

这里面的每个数字对应这图片里的每个点。可是为什么这样对应呢。

这关系到三角形呈现的是有正反面区分的,可以看出上面每三个点组成的一个三角形都是逆时针顺序的,这是因为WPF采用逆时针的环绕方式来显示正面,

或者用右手定则:握住右手,伸出拇指,四指为逆时针方向,拇指指向正面。

如果你那顺序反过来,会显示一片黑。因为你没描述背面。

到这里基本就搞清了TriangleIndices 和 Positions 的关系。

这两个也是比较主要的属性,因为另两个属性,不写的话,会自动判断来给出缺省值。

来说说 Normals 和 TextureCoordinates。

Material is mapped to the vertices of the triangles that make up a mesh. ‘
data-guid="535eead1b023b6ec65afc67428a2db30">TextureCoordinates:纹理坐标用于确定将 Material 映射到构成网格的三角形的顶点的方式。

Material is mapped to the vertices of the triangles that make up a mesh. ‘
data-guid="535eead1b023b6ec65afc67428a2db30">这个比较好理解,比如

Material is mapped to the vertices of the triangles that make up a mesh. ‘
data-guid="535eead1b023b6ec65afc67428a2db30">TextureCoordinates="0,0 0,1 1,1
1,0"

Material is mapped to the vertices of the triangles that make up a mesh. ‘
data-guid="535eead1b023b6ec65afc67428a2db30">一般材质的的正常坐标按照上图来说顺序依次是
P0,P3,P2,P1。也就是说 0,0 0,1 1,1 1,0 这是一个正常顺序,是按照本来画面显示的。

Material is mapped to the vertices of the triangles that make up a mesh. ‘
data-guid="535eead1b023b6ec65afc67428a2db30">但如果换成Material is mapped to the vertices of the triangles that make up a mesh. ‘
data-guid="535eead1b023b6ec65afc67428a2db30">TextureCoordinates="1 0, 0
0, 0 1, 1 1",你会发现显示的画面向左倒了。

Material is mapped to the vertices of the triangles that make up a mesh. ‘
data-guid="535eead1b023b6ec65afc67428a2db30">这也和你定义的坐标集合有关系。

Material is mapped to the vertices of the triangles that make up a mesh. ‘
data-guid="535eead1b023b6ec65afc67428a2db30">最后是

Material is mapped to the vertices of the triangles that make up a mesh. ‘
data-guid="535eead1b023b6ec65afc67428a2db30">Normals:法向量是与定义网格的每个三角形的面垂直的向量。 法向量用于确定是否亮显给定三角形面。如果指定了三角形索引,则将考虑相邻面来生成法向量。

时间: 2024-09-29 19:54:47

wpf 动画 2个窗体切换的相关文章

WPF动画 - Loading加载动画

存在问题: 最近接手公司一个比较成熟的产品项目开发(WPF桌面端),其中,在登陆系统加载时,60张图片切换,实现loading闪烁加载,快有密集恐惧症了!!! 代码如下: private void LoadPics() { try { _storyboard = new Storyboard(); for (int i = 0; i < 60; i++) { ObjectAnimationUsingKeyFrames oauf = new ObjectAnimationUsingKeyFrame

扩展 WPF 动画类

原文:扩展 WPF 动画类 扩展 WPF 动画类                                                                     Charles Petzold                                                                     http://msdn.microsoft.com/msdnmag/issues/07/07/Foundations/Default.aspx?l

【WPF学习】第四十八章 理解WPF动画

在许多用户框架中(特别是WPF之前的框架,如Windows窗体和MFC),开发人员必须从头构建自己的动画系统.最常用的技术是结合使用计时器和一些自定义的绘图逻辑.WPF通过自带的基于属性的动画系统,改变了这种情况.接下来的两节将描述这两者之间的区别. 一.基于时间的动画 假如需要旋转Windows窗体应用程序中的About对话框中的一块文本.下面是构建该解决方案的传统方法: (1)创建周期性触发的计时器(例如,每隔50毫秒触发一次). (2)当触发计时器时,使用事件处理程序计算一些与动画相关的细

C#窗体切换

说到窗体切换,可能就是 show,hide,什么的了.但是我摸索出了一个比较好用的方法,在此分享. 1 using System.Threading; 2 Thread t = new Thread(new ThreadStart(() => 3 { 4 Application.Run(new Form2()); 5 })); 6 t.Start(); 7 Application.Exit(); 当前运行的窗体为Form1,目的是完全关闭Form1,运行Form2窗体. 首先,得using线程的

Android的Activity屏幕切换动画(一)-左右滑动切换

这段时间一直在忙Android的项目,总算抽出点时间休息一下,准备把一些项目用到的Android经验分享一下. 在Android开发过程中,经常会碰到Activity之间的切换效果的问题,下面介绍一下如何实现左右滑动的切换效果,首先了解一下Activity切换的实现,从Android2.0开始在Activity增加了一个方法: public void overridePendingTransition (int enterAnim, int exitAnim) 其中: enterAnim 定义A

WPF加载Winform窗体时 报错:子控件不能为顶级窗体

一.wpf项目中引用WindowsFormsIntegration和System.Windows.Forms 二.Form1.Designer.cs 的 partial class Form1 设置为:public partial class Form1 三.代码如下: XXXX.Form1 Zhuwindow = new XXXX.Form1(); Zhuwindow.TopLevel = false; Zhuwindow.FormBorderStyle = System.Windows.Fo

WPF动画 storyboard

<Window x:Class="StoryBoard.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width=&qu

[WPF] 动画Completed事件里获取执行该动画的UI对象

原文:[WPF] 动画Completed事件里获取执行该动画的UI对象 昨天群里有位童鞋提出如何在动画完成事件Completed里获取到执行该动画的UI对象. WPF里动画的Completed的本身并不会返回执行动画的UI对象,但我们可以利用附加属性Storyboard.TargetProperty来达到我们想要的效果. 步骤: 1 在执行动画前,先附加属性记录对象 DoubleAnimation ani = new DoubleAnimation(); ani.From = start; an

WPF 动态更改启动窗体startupUri

原文:WPF 动态更改启动窗体startupUri 第一步: 在 App.xaml 里,把 StartupUri=""去掉,改成  Startup="Application_Startup" 第二步: 在 App.xaml.cs里,增加 Application_Startup 事件: private void Application_Startup(object sender, StartupEventArgs e) { Application currApp =