WPF的托运申请页面

开发工具与关键技术：VS/C#、WPF
作者：张文静
撰写时间：2019/07/15
基于XAML语言的托运申请页面，见截图：

设置网格（Grid）的背景色为白色（white）,布局网格的行数为四行，行高的比例分别为点五、一、三点五、二；第一行网格布局“图标按钮”；第二行网格布局“基本信息”；第三行网格布局“详情信息”；第四行网格布局“公司资料设置查询”，见截图：

通过StackPanel水平紧凑布局“添加”、“删除”、“修改”、“保存”、“取消”等按钮。在Button按钮里面分别放置图片和文字，通过Style，布局按钮的样式，设置按钮的高度（Height）为五十，水平（VerticalAlignment）向上（Top），边框的样式（BorderBrush）为灰色，背景色（）Background为白色（White），设置图片的大小要比按钮的宽度和高度偏小，通过外边距调节文字的位置。见截图：

通过GroupBox设置标题为“基本信息”、然后边框里面使用网格（Grid）布局，重新设置网格的行数为二，列数为六，列宽的比例为点八的，分别设置“流水账号”、“申请账号”、“员工姓名”、“客户编号”等文字，Setter表示应用于一个属性的 setter。让文字统一水平（HorizontalAlignment）向右（Right），垂直（VerticalAlignment）居中（Center），改变字体的样式（Foreground），字体大小（FontSize）为十三。列宽的比例分别为二的，分别设置文本框。见截图：


布局“详情信息”，首先设置两行，行高比例为三的，放置“出货日期”、“主件名称”、“体积”、“开票日期”、“订单编号”、“住件数量”、“运费”、“合同编号”、“出发地点”、“附加名称”、“分送运费”、“车辆编号”、“目的地点”、“附加数量”、“合计金额”、“车牌号码”、“距离”、“吨位”、“发票号码”、“所属部门”等信息；行高比例为点五的，放置“备注”信息；见截图：


布局“公司资料设置查询”，设置两行，第一行，放置“搜索框”；第二行，放置“公司资料设置-查询”的内容，ToolTip获取此元素显示的工具提示对象。IsReadOnly获取一个值用户可以编辑该DataGrid的值。AutoGenerateColumns获取一个值列不可以自动创建。CanUserResizeColumns获取使用鼠标一个值用户不可以调整列的宽度。见截图：

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