WPF的部门资料设置界面

开发工具与关键技术：Vs/C#、WPF
作者：张文静
撰写时间：2019/6/20
基于XAML语音的“部门资料设置”页面：

使用网格布局，即Grid(定义由行和列组成的灵活网格区域。)，设置背景色（Background）为白色，通过行列的数量、列宽来调整控件的布局。分别设置两行，见截图：

当网格（Grid）的行为零，列数为零时，设置图标按钮，即分别是“添加”，“删除”，“修改”，“保存”，“取消”等按钮。通过停靠面板布局图标按钮，即StackPanel（将子元素排列到可沿水平或垂直放置的行），Orientation（获取或设置一个维度子元素堆栈的值）；当网格的列数为零时，让它水平（Horizontal）放置。通过Button设置按钮，Button高度设置为五十，垂直方向（VerticalAlignment）为向上。BorderBrush（获取或设置描述控件的边框的背景画笔。），设置背景色为白色。通过Button的里面放置一张图片（Image）,图片的高度为四十，宽度为六十，水平（HorizontalAlignment）、垂直方向都居中（VerticalAlignment）；通过外边距（Margin）设置“添加”的文字位置。即其它的图标按钮和文字布局也一致，见截图：

当第一个行的网格列数为一时，设置设置搜索框的位置，让搜索的文字水平（HorizontalAlignment）向左，垂直（VerticalAlignment）居中；TextBox设置搜索框，设置宽度（Width）、高度（Height），见截图：

网格（Grid）的第二行，设置网格的列数两列，左边设置“部门基本信息”，右边设置“部门资料设置-查询”，见截图：

第一列，即“部门基本信息”，GroupBox（表示创建容器有一个边框和一个头），内容分别设置“部门编号”，“部门名称”，“备注信息”，通过Style获取元素在呈现时使用的样式，让文字水平（HorizontalAlignment）向右，垂直（VerticalAlignment）居中，字体的大小（FontSize）为十三，以及设置字体（Foreground）的颜色，见截图：


当网格的列数为一时，布局“部门资料设置-查询”，通过DataGrid（显示在自定义网格的数据的控件。），DataGrid.Columns：获取所有列的集合。见截图：

执行结果，见头部图片。