WPF翻转效果示例(仿QQ登录界面)

C#语言基础

下载此实例

开发语言：C#
实例大小：0.02M
下载次数：45
浏览次数：1193
发布时间：2017-06-10
实例类别：C#语言基础
发布人：1342582891
文件格式：.zip
所需积分：2

实例介绍

【实例简介】

仿QQ登录界面
【实例截图】
【核心代码】
<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>
                <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>
    </Grid>
</Window>

代码部分

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Media.Media3D;
using System.Windows.Media.Animation;

namespace 翻转
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public static MainWindow my;
        public bool[] cg;
        public MainWindow()
        {
            InitializeComponent();
            MainWindow.my = this;
        }
        public MainWindow(ref bool[] cg)
        {
            InitializeComponent();
            MainWindow.my = this;
            this.cg = cg;
        }
        public void OnClick(int s)
        {
            switch (s)
            {
                case 0:
                    this.Close();
                    break;
                case 1:
                    DoubleAnimation da = new DoubleAnimation();
                    da.Duration = new Duration(TimeSpan.FromSeconds(1));
                    da.To = 0d;
                    this.axr.BeginAnimation(AxisAngleRotation3D.AngleProperty, da);
                    break;
                case 2:
                    da = new DoubleAnimation();
                    da.Duration = new Duration(TimeSpan.FromSeconds(1));
                    da.To = 180d;
                    this.axr.BeginAnimation(AxisAngleRotation3D.AngleProperty, da);
                    break;
            }
        }
    }
}

</Grid>
</UserControl>

namespace 翻转
{
    /// <summary>
    /// UcSample1.xaml 的交互逻辑
    /// </summary>
    public partial class UcSample1 : UserControl
    {
        private Brush mygrid1_Background;
        public UcSample1()
        {
            InitializeComponent();
            this.mygrid1_Background = this.mygrid1.Background;
        }
        private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
        {
            MainWindow.my.OnClick(0);
        }
        private void Grid_MouseEnter(object sender, MouseEventArgs e)
        {
            this.line1.Stroke = Brushes.Red;
            this.line2.Stroke = Brushes.Red;
            this.mygrid1.Background = Brushes.White;
        }

        private void Grid_MouseDown_1(object sender, MouseButtonEventArgs e)
        {
            MainWindow.my.OnClick(2);
        }

private void Grid_MouseEnter_1(object sender, MouseEventArgs e)
{

}

        private void Grid_MouseLeave(object sender, MouseEventArgs e)
        {
            this.line1.Stroke = Brushes.Black;
            this.line2.Stroke = Brushes.Black;
            this.mygrid1.Background = mygrid1_Background;
        }

        private void Grid_MouseDown_2(object sender, MouseButtonEventArgs e)
        {
            if (tex1.Text == "1" && tex2.Password == "111111")
            {
                MainWindow.my.cg[0] = true;
                MainWindow.my.OnClick(0);
            }
            else
            {
                MessageBox.Show("用户名=1;密码=111111");
            }
        }
    }
}

namespace 翻转
{
    /// <summary>
    /// UcSample2.xaml 的交互逻辑
    /// </summary>
    public partial class UcSample2 : UserControl
    {
        private Brush mygrid1_Background;
        public UcSample2()
        {
            InitializeComponent();
            this. mygrid1_Background = this.mygrid1.Background;
        }
        private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
        {
            MainWindow.my.OnClick(1);
        }

        private void Grid_MouseEnter(object sender, MouseEventArgs e)
        {
            this.line1.Stroke = Brushes.Red;
            this.line2.Stroke = Brushes.Red;
            this.mygrid1.Background = Brushes.White;
        }

标签： wpf 翻转 wp

实例下载地址