WPF的司机资料设置的界面

开发工具与关键技术：VS/C#、WPF
作者：张文静
撰写时间：2019/07/08
基于XAML语音的司机资料设置的界面，见截图：

首先设置网格（Grid）的背景色为白色，网格可以自定义行和列并通过行列的数量、行高列宽来调整控件的布局。界面布局三行，设置行高的比例。行一：设置图标的按钮；行二：设置文本框；行三：查询司机资料，见截图：

行一：设置图标按钮的位置；通过栈式面板（StackPanel）布局，栈式面板可以将包含的元素在水平或垂直方向排成一条线，当移除一个元素后，后面的元素会自动向前填充空缺，可以使按钮()Button紧凑排列,首先统一设置按钮的高度（Height）为五十，让按钮垂直（VerticalAlignment）向上，设置边框（BorderBrush）的颜色，以及背景（Background）为白色，在Button的里面放置一张图片（Image），分别设置宽度（Width）为六十，高度（Height）为四十，让图片居中显示；通过外边距（Margin）设置文字的位置，见截图：

行二：设置文本框的位置；首先GroupBox，即GroupBox表示创建容器有一个边框和一个头，标题（Header）为“新增-司机资料设置”，边框里面重新布局网格的行数和列数，以及行高列宽之间的比例，见截图：

通过TextBlock分别设置文本框的文字，通过Style调用资源，统一设置文字的样式，让文字水平（HorizontalAlignment）向右，垂直（VerticalAlignment）居中，设置字体的颜色（Foreground）为灰色，字体的大小（FontSize）为十三，见截图：


行三：设置表格的查询；通过栈式面板（StackPanel）布局搜索框，让搜索文字和搜索框紧凑排列，设置文本框（TextBox）的宽度（Width）为一千，通过ToolTip元素显示提示对象。通过GroupBox创建边框和一个头，标题（Header）为“公司资料设置-查询”，设置字体颜色（Foreground）为黑色，DataGrid，即显示在自定义网格的数据的控件。IsReadOnly，获取或设置一个值用户可以编辑的值。AutoGenerateColumns自动创建设置一个值列。CanUserResizeColumns，即获取或设置使用鼠标，一个值用户是否可以调整列的宽度。CanUserResizeRows，取或设置使用鼠标，一个值用户是否可以调整高度行。SelectionMode，设置一个值行和单元格中选择。CanUserReorderColumns，设置一个值用户是否可以通过用鼠标拖动列标题更改列的显示顺序。AlternationCount设置交替项容器数，RowHeaderWidth设置行标题列的宽度。CanUserAddRows设置一个值用户是否可以将新行添加到 System.Windows.Controls.DataGrid。设置背景（Background）为白色，见截图：

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