WPF的押金页面

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

首先使用网格（Grid）布局页面,自定义一个五行零列的网格。在第零行显示四个文本块，分别为“押金构成” 、“房价” 、“杂费” 、“住店天数” ；在第一行显示五个文本块，分别为“押金金额”、“可压天数”、“剩余住店天数”、“应收押金总数”、“应收最小押金”；在第二行显示一个文本内容；在第三行的不同的列中分别显示三个文本块，分别为“押金代码”、“参考号”、“应交押金”；第四行中分别放置两个按钮，即确定和取消按钮。见截图：

在第零行中，通过Border布局，设置Border的边框颜色（BorderBrush）为白色，以及边框的厚度（BorderThickness）为一，和边框的外边距（Margin）为三。在Border里面，自定义两行网格（Grid）,在网格的第零行中，又自定义两列的网格，在第零行的两列中分别放置TextBlock和TextBox。在网格的第一行中，自定义六列网格，分别为“房价”、“杂费”、“住店天数”等文本块内容。见截图：

在第一行中，也是通过Border布局，设置Border的边框颜色（BorderBrush）为白色，以及边框的厚度（BorderThickness）为一，和边框的外边距（Margin）为三。然后自定义六行两列的网格，分别放置“押金金额”、“可压天数”、“剩余住店天数”、“应收押金总数”、“应收最小押金”等文本块。通过Style，设置TextBlock的样式，让TextBlock水平方向（HorizontalAlignment）和垂直方向（VerticalAlignment）都居中，然后设置TextBlock的字体大小（FontSize）为十五。见截图：


在第二行网格，设置TextBlock。在第三行中，自定义六列网格，分别放置“押金代码”、“参考号”、“应交押金”等文本块内容。TextBox表示可用于显示或编辑非格式化文本的控件。见截图：

在第四行中，自定义两列网格，通过StackPanel水平布局确定和取消按钮，即StackPanel适合局部区域的布局。设置按钮的宽度为五十，高度为三十。见截图：

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