WPF的车辆配送跟踪记录单页面

开发工具与关键技术：VS/C#、WPF
作者：张文静
撰写时间：2019/07/15
基于XAML语言的车辆配送跟踪记录单页面，见截图：

首先使用网格（Grid）布局，网格是由行和列组成，具有灵活性，布局“车辆配送跟踪记录单”，用网格布局四行，设置行高的比例，行一布局“图标按钮”、行二布局“基本信息、跟踪路线”、行三布局“在途跟踪管理信息、托运单信息”，行四布局底部的“空白行”，设置背景色（Background）为白色（White），见截图：

分别设置“添加”、“删除”、“修改”、“保存”、“取消”的按钮，Canvas定义中可以显式定位子元素使用坐标是相对.Canvas 区域的区域。设置外边距（Margin），放置一张图片，让图片水平（HorizontalAlignment）向右（Right），垂直（VerticalAlignment）向下（Bottom），Stretch设置描述的值应如何拉伸.Image 加载目标矩形。设置图片的高度和宽度都为七十，设置图片的外边距；通过StackPanel使子元素水平紧凑放置，见截图：

布局“基本信息、跟踪路线”，首先设置网格的列数为两列，设置“基本信息”的列宽比例为一点八八，“跟踪路线” 的列宽比例为一；GroupBox表示有一个边框和一个头，左边的列：标头显示“基本信息”，边框显示“编号”、“托运单号”、“司机姓名”、“车牌号码”、“司机手机”、“到达地点”、“到达时间”、“备注”等文字和文本框；右边的列：标头显示“跟踪路线”、边框显示“到达地点”的信息。见截图：


布局“在途跟踪管理信息、托运单信息”，设置网格的列数为两列，第一列布局“在途跟踪管理信息”、第二列布局“托运单号信息”，第一列：GroupBox的标头显示“在途跟踪管理信息”，边框里面显示“编号”“托运单号”“司机姓名”“车牌号码”“司机手机”“到达地点”“到达时间”“备注”的信息。第二列：GroupBox的标头显示“托运单号信息”，边框里面显示“托运单号ID”和“托运单号”。DataGrid表示显示在自定义网格的数据的控件。IsReadOnly设置一个值用户是否可以编辑该.DataGrid的值。AutoGenerateColumns设置一个值列是否自动创建。Background背景色。CanUserResizeColumns设置使用鼠标，一个值用户是否可以调整列的宽度。CanUserResizeRows设置使用鼠标，一个值用户是否可以调整高度行。SelectionMode置一个值行和单元格。CanUserReorderColumns置一个值用户是否可以通过用鼠标拖动列标题更改列的显示顺序。AlternationCount设置交替项容器数为二。RowHeaderWidth设置行标题列的宽度为零。CanUserAddRows设置一个值用户不可以将新行添加到.DataGrid。见截图：


“在途跟踪管理信息、托运单信息”的执行结果，见截图：

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