WPF的表单页面

开发工具与关键技术：Vs/C#、WPF
作者：张文静
撰写时间：2019/5/13
基于XAML语言的表单：

首先用网格布局，定义行和列的数量，以及行高和列宽的比例来调整控件的布局，分别为七行三列，见截图：

当行数为零，列数为一时，设置背景色，通过TextBlock的标记布局水平居中，垂直向上，字体大小为25；写一个Style的样式，x:key唯一值，它的对象类型是Button标记，设置样式的字体大小为十四、让Button水平向右、垂直居中。StaticResource然后引用资源字典中定义的资源，见截图：


当行为一，列为一时，让它的边框厚度为三，设置Border的边框颜色和Border的圆角；然后在Border里面再次布局网格，设置三行两列，以及列宽的比例，让列宽的左边布局文字， 通过StaticResourcez中的Button唯一的值引用资源字典中定义的资源，见截图：

让列宽的右边布局文本框，通过StaticResourcez中的TextBox唯一的值引用资源字典中定义的资源，通过Style的样式设置背景色（Background）为白色，边框厚度（BorderThickness）为左和头部位三、右和底部为零、设置边框颜色、宽度高度，让它水平向左，见截图：


当行为二，列数为一时，设置背景色，通过StaticResourcez中的Button唯一的值引用资源字典中定义的资源，见截图：

当行为三，列为四时，设置Border的边框颜色和Border的圆角以及边框的厚度；然后在Border里面再次布局网格，布局网格为五行两列，设置行高和列宽的比例，然后分别左右布局文字部分和文本框部分，分别通过StaticResourcez中的TextBlock唯一的值引用资源字典中定义的资源；通过StaticResourcez中的TextBox唯一的值引用资源字典中定义的资源，见截图：


当行为为五列为一时，设置Border的边框颜色和Border的圆角以及边框的厚度；然后在Border里面再次布局网格，布局网格为三行两列，设置行高和列宽的比例，然后左右布局文字部分和文本框部分，通过StaticResourcez引用资源字典中定义的资源，见截图：

当行为六，列为一时，设置Button按钮，让它水平居中，垂直居中宽为两百，高为五十，字体颜色为白色，字体加粗，字体大小为十八，以及设置Button的背景色，见截图：

设置空白网格的背景色，见截图：

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