WPF的团队页面

开发工具与关键技术：VS/C#、WPF
作者：张文静
撰写时间：2019/07/27
基于XAML语音的“团队”页面，见截图：

首先，设置网格（Grid）的背景色（Background）为白色（White），设置网格的行数为五行，以及设置网格的行高比例分别为点三、三、一、一、点三的比例。第一行：设置“团队”；第二行：布局“表格”；第三行：设置“左右两个”网格；第四行：设置“左右两个”网格；第五行：设置“新建”、“修改”、“取消”、“浏览”、“新增团员”、“锁房”、“更多”等按钮。见截图：

行一布局“团队”，通过TextBlock,设置团队，水平方向（HorizontalAlignment）向左（Left），水平（VerticalAlignment）居中（Center），改变字体的颜色（Foreground），设置字体大小（FontSize）为十八，见截图：

行二布局表格的查询：分别查询表格中的“状态”、“账号”、“代码”、“团队名称”、“最早来期”、“最晚离期”、“类型”、“旅行社/公司”、“国籍”、“销售员”、“客源”、“电话”等信息。即Header为设置列标题的内容。Binding即设置列标题的内容。Visibility设置列的可见性。Width设置列宽或自动调整大小模式。DataGridTextColumn表示一个DataGrid 列，该列在其单元格中承载文本内容。见截图：

当网格的行数为三时，重新设置网格列数为两列，第一列：布局“来店日期”、“离店日期”、“房类”、“房价”、“房价总计”、“房数”、“人数”等表格信息。列数为二时，设置一个空白的盒子，Border在另一个元素周围绘制边框，背景或两个。BorderThickness边框的厚度，设置Border的外边距为四，见截图：

当网格的行数为四时，重新设置网格的列数为二，设置它们的比例相同；左边：设置“在店房数”和“NF号楼”的信息。右边：设置“礼宾部制作接机牌”等信息。通过Border元素周围绘制边框，背景或两个。设置边框（BorderBrush）颜色、边框厚度（BorderThickness），以及外边距（Margin），通过StackPanel让文字水平方向排序。见截图：

当网格的行数为五时，布局“新建”、“修改”、“取消”、“浏览”、“新增团员”、“锁房”、“更多”的按钮（Button）,通过StackPanel让按钮水平方向排序，统一设置按钮宽度为八十，高度为三十四，设置按钮的外边距为四，见截图：

按钮的执行结果，见截图：

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