WPF的快递运单信息页面

开发工具与关键技术:Vs\C#、WPF
作者:张文静
撰写时间:2019\5\15
基于XAML语言的表单:
WPF的快递运单信息页面
使用网格(Grid)布局页面,让网格的的行数为八行,网格的列数为三列;设置网格的行高比例,以及宽高的比例。设置” 快递运单信息”的网格布局,让它在行数为一和列数为零,用TextBlock标记,让它水平(HorizontalAlignment)居中,垂直(VerticalAlignment)居中,字体大小(FontSize)为二十七,设置字体的颜色(Foreground),以及字体的粗度(FontWeight)。当行数分别为一、三、五时,分别设置"收件信息",“发件信息”,“货物信息"的网格布局,设置网格的背景色(Background),通过StaticResource唯一的值TextBlock引用资源字典中定义的资源,通过Style设置TextBlock标记的样式,让文字水平向左、垂直向下、字体大小为十五、设置字体的颜色、字体的粗度,见截图:
WPF的快递运单信息页面
WPF的快递运单信息页面
当网格的行数为二,列数为一,设置网格的背景色,在网格的里面布局五行,和四列,设置行高和列宽的比例,见截图:
WPF的快递运单信息页面
当行数分别为一、一、二、三,列数分别为一、二、一、一,通过TextBlock标记"收货人”,“目的地”,“联系电话”,“详细地址”,设置字体大小为十五,让它们水平向左;通过TextBox标记设置它们的文本框和下拉框,设置它们的水平方向和垂直方向、宽度和高度、背景色、只设置底部的边框厚度为二,见截图:
WPF的快递运单信息页面
当网格的行数为四,列数为一,设置网格的背景色,在网格的里面布局三行,和四列,设置行高和列宽的比例,见截图:
WPF的快递运单信息页面
当行数分别为一、一、二、三,列数分别为一、二、一、一,通过TextBlock标记"发货人",“始发地”,“联系电话”,“详细地址”,设置字体大小为十五,让它们水平向左;通过TextBox标记设置它们的文本框和下拉框,设置它们的水平方向和垂直方向、宽度和高度、背景色、只设置底部的边框厚度为二,见截图:
WPF的快递运单信息页面
当网格的行数为六,列数为一,通过TextBlock标记"数量",“体积”,“重量”,“运输方式”,“付款方式”,见截图:
WPF的快递运单信息页面
设置空白的网格的背景色,见截图:
WPF的快递运单信息页面
执行的结果,见头部图片。