WPF翻转的登录页面

开发工具与关键技术：Vs/C#、WPF
作者：张文静
撰写时间：2019/6/10
基于XAML语音的登录页面，见截图：

Window.Resources ：获取或设置本地定义的资源字典。 Storyboard：为容器的子动画提供对象和属性目标信息的容器时间线。设置它的唯一的值；PointAnimationUsingKeyFrames：对一组属性的值进行动画处理。Storyboard.TargetProperty：标识附加属性；UIElement.RenderTransformOrigin：定义由行和列组成的灵活网格区域；EasingPointKeyFrame：一个类，通过它可以将缓动函数与 System.Windows.Media.Animation.PointAnimationUsingKeyFrames 关键帧动画相关联；PointKeyFrame.KeyTime：获取或设置应到达关键帧的目标的时间。PointKeyFrame.Value：获取或设置关键帧的目标值，即（KeyTime表示时间间隔，value表示从哪里翻转-1表示反面 -0.8表示侧一点）。DoubleAnimationUsingKeyFrames
：对一组 System.Windows.Media.Animation.DoubleAnimationUsingKeyFrames.KeyFrames 中的 double 属性的值进行动画处理。然后定义定义由行和列组成的灵活网格区域；EasingFunctionBase.EasingMode：获取或设置用于指定动画内插方式的值，返回结果: 用于指定动画内插方式的枚举值之一。FrameworkElement.Triggers：获取直接在此元素上建立或在子元素中建立的触发器的集合。EventTrigger：表示应用设置事件以响应操作的触发器。BeginStoryboard：一个触发器操作，该操作可启动 System.Windows.Media.Animation.Storyboard 并将其动画分发给动画的目标对象和属性。见截图：

使用网格布局（Grid）,设置网格三行三列，以及行高和列宽的比例。Grid.RenderTransform：获取或设置影响此元素的呈现位置的转换信息。这是一个依赖项属性。TransformGroup：表示由其他对象组成的复合，如（ScaleTransform:在二维x-y坐标系内缩放对象；SkewTransform：表示一种二维扭曲；RotateTransform：在二维 x-y 坐标系内围绕指定点按照顺时针方向旋转对象。TranslateTransform：在二维 x-y 坐标系中平移（移动）对象。）。见截图：

用TextBlock布局“KAdmin”，让它水平居中，垂直居中，设置它的字体大小为三十五，以及设置字体的颜色，以及网格的背景色，见截图：

当行数为一，列数为一时，首先设置边框的厚度（BorderThickness）为三，以及绘制外部边框颜色（BorderBrush）；LinearGradientBrush：使用线性渐变绘制区域。StartPoint: 获取或设置线性渐变的二维起始坐标。起始坐标为（0,0）；EndPoint：获取或设置线性渐变的二维终止坐标。终止坐标为（0,1）。以及图片的外边距（Margin）。见截图

通过外边距设置用户名和登录密码，让位置水平居中和垂直居中，设置宽度为七十三，字体的大小为十三，以及设置字体的颜色；通过外边距设置文本框（TextBox）位置和大小；见截图：

通过外边距设置按钮的位置和按钮的大小，以及按钮的渐变色，起始值为（0,0），终止值为（0,1），让文字水平居中和垂直居中，见截图：

执行结果，见头部图片。