WPF的签单控制页面

开发工具与关键技术：MVC/C#、WPF
作者：张文静
撰写时间：2019/08/14
基于XAML语音的“签单控制”页面，见截图：

首先，通过网格（Griid）布局,自定义行数，定义行数为四行。在第一行的不同列中，分别放置“”、“姓名”、“来期”、“团名”、“序号”、“离期”、“备注”等信息。在第二行，通过StackPanel将子元素排列沿水平放置，分别为“没有签单控制”、“部分签单控制”、“完全封锁”。在第三行，自定义列数为三列，第一列放置表格，通过Header获取“代码”、“序号”等内容。第二列，自定义行数分别为五行，分别通过StackPanel将子元素排列到可沿垂直放置的行，依次为图片（Image）和TextBlock。第三列，放置表格，通过Header获取 “代码”、“项目”、“共享”、“限制金额”、“消费金额”的内容。第四行，通过StackPanel将Button排列到可沿水平放置，即“确认”、“取消”按钮。见截图：

第一行，通过Border设置边框的颜色（BorderBrush）为白色，以及边框的厚度（BorderThickness），然后自定义行数和列数，分别为两行六列。在第一行和第二行的不同列中，分别放置“姓名”、“来期”、“团名”、“序号”、“序号”、“备注”等文本信息。见截图：

第二行，通过StackPanel将“没有签单控制”、“部分签单控制”、“完全封锁”排列到可沿水平放置的行。RadioButton表示可以选择的按钮，但是，未清除，按用户。分别让它们水平方向（HorizontalAlignment）向左（Left），垂直方向（VerticalAlignment）居中（Center），见截图：

第三行，自定义列数，自定义列数为三列。第一列和第三列分别放置表格。Visibility获取或设置列的可见性。Binding获取或设置关联列将与数据源的属性绑定。DataGridTextColumn表示一个DataGrid 列，该列在其单元格中承载文本内容。DataGrid表示显示在自定义网格的数据的控件。第一列通过Header获取“代码”、“序号”的内容；第三列，通过Header获取“代码”、“项目”、“共享”、“限制金额”、“消费金额”的内容，见截图：

第二列，放置图片（Image）和TextBlock。设置图片的宽度为三十五，高度为三十，让TextBlock的内容水平（HorizontalAlignment）居中，和垂直（VerticalAlignment）居中，设置字体大小（FontSize）为十四。见截图：

总的执行结果，见头部的第一张图片。