WPF的提前结账页面

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

首先，使用网格布局（Grid），网格是定义由行和列组成的灵活网格区域。布局提前结账页面的网格行数为六行。即第一行，放置“姓名”、“序号”、“来期”、“离期”、“备注”、“协议单位”的信息；然后，第二行，放置表单，即“序号”、“账单描述”、“账单余额”、“付款交易代码”、“参考号”、“付款金额”要查询的表格信息；然后，第三行放置“加收本日房费（夜审不再收取）”，和表格信息（表格信息分别包括：收取标志、交易代码、交易描述、收取百分比、金额等信息）。第四行，放置“财务备注”和文本框。第五行，放置“A结账后打印账单”、“B已打发票”、“F打印账单（含加收项目）”、“确认”、“取消”等信息。在第六行的不同的列中分别放置五个文本块。见截图：

第一行，通过Border周围绘制边框，设置边框的颜色（BorderBrush）为白色，边框的厚度（BorderThickness）为一，自定义行数和列数，分别为两行和四列。在第一行和第二行的不同列中，分别放置四个文本块和两个选择日期的控件。见截图：

第二行，通过DataGrid显示在自定义网格的数据的控件。当IsReadOnly等于true时，获取一个值用户是不可以编辑该DataGrid的值。当AutoGenerateColumns等于False时，获取一个值列是不可以是自动创建。当CanUserResizeColumns等于False时，获取使用鼠标，一个值用户是不可以调整列的宽度。当CanUserResizeRows等于False时，获取使用鼠标，一个值用户是不可以调整高度行。Header分别获取“序号”、“账单描述”、“账单余额”、“付款交易代码”、“参考号”、“付款金额”的内容。见截图：

第三行，通过Border布局，设置Border的边框颜色（BorderBrush）为白色，边框的厚度（BorderThickness）为一，自定义行数二，第一行，放控制流内容。第二行，放表格，通过Header分别获取“收取标志”、“交易代码”、“交易描述”、“收取百分比”、“金额”、“参考号”的内容。见截图：

第四行，自定义两列，第一列，放TextBlock ，即“财务备注”；第二列，放TextBox，即TextBox表示可用于显示或编辑非格式化文本的控件。见截图：

第五行，自定义列，定义列数为三列，第一列通过StackPanel将子元素沿水平放置在行里面，CheckBox表示用户可以选择并清除的控件。TextBlock用于显示少量提供一个轻量控制流内容。Button表示一个响应Click 事件的 Windows 按钮控件。水平对齐（HorizontalAlignment），垂直对齐（VerticalAlignment），外边距（Margin），背景色（Background），见截图：

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