WPF的宾客页面

开发工具与关键技术：VS/C#、WPF
作者：张文静
撰写时间：2019/07/27
基于XAML语言的“宾客”页面：

首先，使用（Grid）布局页面，设置网格的行数为五行。第一行：布局“宾客▽”；第二行：布局“预定▼”；第三行：布局“表格查询”；第四行：布局“空白格”；第五行：布局“客人信息”、“财务明细”、“特殊付款”、“特别信息”、“自动付款”、“来访信息”、“日志”；见截图：

当网格（Grid）的行为零时，使用TextBlock布局“宾客▽”，即TextBlock用于显示少量提供一个轻量控制流内容。让“宾客”的位置，水平的方向（HorizontalAlignment）向左（Left）、垂直的方向（VerticalAlignment）居中（Center），设置字体的颜色（Foreground），让“宾客”的字体大小（FontSize）为十八。见截图：

当网格（Grid）的行数为一时，先设置网格里面的背景色，设置网格的高度为二十，通过StackPanel将子元素沿水平放置；Orientation设置一个维度子元素堆栈的值，Button按钮控件。通过Style启用共享属性、资源和事件处理程序在类型的实例之间。设置Button的背景色（Background），字体颜色（Foreground），按钮的边框颜色（BorderBrush），按钮的宽度（Width）；Setter表示应用于一个属性的 setter。Property设置Value 要应用于的属性。Value设置值适用于Setter指定的属性。TargetType设置此样式的预期类型。见截图：

当网格的行数二时，通过DataGrid布局表格，即DataGrid表示显示在自定义网格的数据的控件。当IsReadOnly等于true时，设置一个值用户可以编辑DataGrid的值。当AutoGenerateColumns等于false时，设置一个值不可以创建。当CanUserResizeColumns等于False时，设置使用鼠标一个值用户不可以调整列的宽度。当CanUserResizeRows等于False时，设置使用鼠标，一个值用户不可以调整高度行。SelectionMode设置一个值行和单元格如何在DataGrid中选择。当CanUserReorderColumns等于False时，设置一个值用户不可以通过用鼠标拖动列标题更改列的显示顺序。AlternationCount设置交替项容器数为二。RowHeaderWidth设置行标题列的宽度为零。CanUserAddRows设置一个值用户不可以将新行添加到DataGrid。设置DataGrid的背景色（Background）为白色（white）。见截图：

当网格（Grid）的行数为四时，通过TabControl布局，TabControl即表示包含多个项的控件，这些项共享屏幕上的同一空间。TabStripPlacement设置选项卡标题如何相对于选项卡内容进行对齐。见截图：

TabItem表示在TabControl内的某个可选项，即“财务明细”。设置网格（Grid）的行数为两行，第一行：布局“左右两个表格”；第二行：布局Button按钮，即“挂账付款”、“结账”、“待账结账”、“转账”、“打印账单”、“打印发票”、“中间结账”、“信用卡”、“更多▼”等按钮。见截图：

通过StackPanel布局按钮，当Orientation等于Horizontal，让按钮水平方向排列，即Orientation设置一个维度子元素堆栈的值。分别设置按钮的高度为八十，高度为三十四，设置左外边距为十，见截图：

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