博客

前言

首先来谈一谈布局原则：


WPF

窗口只能包含一个元素(Window元素属于内容控件，内容控件只允许有一个子元素)，所以我们得在窗口中放置一个容器，才能使我们的窗口放置更多的内容。

所以在

WPF

中，布局由容器决定，使用容器布局需要注意以下几点：

• 
  不要显示设置元素的尺寸：可以通过设置最大和最小尺寸来限定范围。
  
• 
  不要使用屏幕坐标来指定元素位置：根据元素在那种容器中，来合理安排元素的位置。如需要元素之间留白，可以使用Margin设置边距。
  
• 
  可以嵌套布局容器：新建
  
WPF

  程序会默认提供一个
  
Grid

  容器，但是我们仍可在
  
Grid

  中添加容器来安排我们的布局。
  

一般的布局流程可以概括为以下几步：

1. 确定布局需求：根据
   
UI

   设计和功能需求，确定所需的布局方式和控件组织结构。
2. 选择合适的布局容器：根据布局需求选择适合的布局容器，如
   
Grid

   、
   
StackPanel

   、
   
WrapPanel

   等。
3. 设置布局属性：使用布局属性控制控件在容器中的位置、大小、对齐方式等。
4. 嵌套布局容器：根据需要，嵌套多个布局容器以实现复杂的布局效果。
5. 调试和优化布局：使用布局调试工具，如布局边框和布局分隔器，对布局进行调试和优化，确保布局效果符合预期。

常用布局面板回顾：

常用布局属性：

布局详解

作业页面布局如下：

大致上可以划分为图示中的两行一列的布局，然后再细化（

这里为了方便查看，我把表格线显示了出来

）：

然后完成子元素的布局，左边是个四行两列的布局：

右边是个四行三列的布局，也可以通过设置行高的比例设计为三行三列的布局：

这样就初步完成了这个页面的布局：

🔜内容相对基础，当然也有其他布局方式，本篇内容仅作参考，希望可以帮助到大家😇