Wpf 实现登陆窗口

最新推荐文章于 2024-08-16 18:04:50 发布

mq_shouhug753951mq

最新推荐文章于 2024-08-16 18:04:50 发布

阅读量5.7k

点赞数 2

分类专栏： Unity 3D 开发从入门到精通 WPF 编程文章标签： wpf 布局

本文链接：https://blog.csdn.net/mq_shouhug753951mq/article/details/48295343

版权

本文展示了如何使用WPF技术制作一个具有二次元风格的登录窗口。通过提供的布局文件和程序代码，读者可以了解到如何实现这样的界面设计。

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

首先先来看一下效果图
这里写图片描述

这个是一个二次元风格的登陆窗口。
先来看一个窗口的布局文件。

<Window x:Class="QQDemo1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="634" Width="737" Loaded="Window_Loaded" Name="winmain">
    <!--引用动画资源-->
    <Window.Resources>
                    <!--表示太阳的动画资源-->
        <Storyboard x:Key="sunRote">
            <!--Forener不停旋转-->                              <!--旋转角度-->  <!--旋转的频率-->          <!--需要添加旋转的对象-->       <!--以角度的方式旋转-->
            <DoubleAnimation RepeatBehavior="Forever"  From="0" To="360" Duration="0:0:5" Storyboard.TargetName="sunImg" Storyboard.TargetProperty="RenderTransform.Angle"></DoubleAnimation>
                                                      <!--运动的起始结束位置-->                                                       <!--向左移动-->               <!--是否来回播放-->
            <DoubleAnimation RepeatBehavior="Forever" From="0" To="395" Duration="0:0:10" Storyboard.TargetName="sunImg" Storyboard.TargetProperty="(Canvas.Left)" AutoReverse="True"></DoubleAnimation>
                                                                                                                             <!--当前控件的不透命度-->                        
            <DoubleAnimation RepeatBehavior="Forever" From="1" To="0" Duration="0:0:10" Storyboard.TargetName="sunImg" Storyboard.TargetProperty="Opacity"></DoubleAnimation>
            <!--多个点之间的动画效果-->
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="wwImg" RepeatBehavior="Forever" Storyboard.TargetProperty="RenderTransform.Angle">
                <!--设置当前控件的角度-->       <!--时间间隔-->
                <EasingDoubleKeyFrame Value="10" KeyTime="0:0:2"></EasingDoubleKeyFrame>
                <EasingDoubleKeyFrame Value="30" KeyTime="0:0:4"></EasingDoubleKeyFrame>
                <EasingDoubleKeyFrame V