WPF桔子分期的登录

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

在用户控件（UserControl）设置设置本地定义的资源字典（Resources）。Style：启用共享属性、资源和事件处理程序在类型的实例之间。TextBlock：用于显示少量提供一个轻量控制流内容。Property：获取或设置要应用于的属性。Value：获取或设置值适用于指定的属性。即设置文字水平向右，字体大小为十二，以及字体的颜色。Style.Triggers：获取的对象的集合将根据指定的条件中的属性。Trigger：表示应用属性值或有条件地执行操作的触发器。当它为true时，触发字体颜色的改变，见截图：

首先设置网格的背景色为白色，设置网格的行数以及行高的比例，当行为一时，设置它的高度为五十；当行为二，列数为一时，设置列数为三，以及列的宽度比例。即当行为零，列为一，再次布局为三列。通过水平居中、垂直居中、Stretch：获取或设置描述的值应如何拉伸 System.Windows.Controls.Image 加载目标矩形。来布局图片（Image）,见截图：

当行为一，列数为二，即Border：在另一个元素周围绘制边框，背景或两个。BorderThickness：设置边框的厚度为二，边框的颜色为灰色，border的里面使用网格布局，设置行数为十一行，见截图：

当行数为一，列数为一时，重新设置三列，以及列数的比例，分别布局“欢迎登录桔子分期”“还没有账户？”“30秒注册”；分别设置字体大小为十六、十二，分别设置字体的颜色为橙色和灰色，让字体水平向右，见截图：

通过TextBlock设置“用户名/邮箱/手机号”“密码”，字体大小为十四，以及字体的颜色为灰色，通过网格的行高比例设置文本框（TextBox）的宽度和高度；通过Button设置登录按钮，设置按钮的字体大小为二十，按钮的宽度为四百，让按钮水平居中。见截图：

执行结果，见头部的图片。