在没有结构的情况下将小部件随机放置在屏幕上并不是一个好主意，尤其是当应用程序应该在具有不同屏幕尺寸的不同设备上运行时，因此始终建议创建一些布局规则，以便您的应用程序看起来像您期望的那样无论屏幕大小。

使用Nowa 非常简单。details panel选择要为其设置布局规则的小部件后，所有布局选项都在右上角可用。请参阅以下屏幕截图：

要为小部件提供固定大小，您只需在 fields 内写入小部件的宽度和高度W（H以逻辑像素为单位）。
使用字段 ( T, B, L, R)，您可以确定小部件与顶部、底部、左侧或右侧的固定距离。

由于确定布局的方法有多种，请注意不要包含相互冲突的规则。当屏幕的 body 小部件是Stack（这是默认选项）时，布局选项起作用。例如，如果主体小部件是Coloum，那么还有另一种方法可以使用列参数来确定小部件的布局，可以使用details panel. 有关更多详细信息，请查看Groups。

从一侧固定距离，居中或拉伸

假设您希望小部件与屏幕的一侧有固定距离。在这种情况下，您可以使用 左侧的图标L来B控制垂直轴，使用左侧的图标T来R控制水平轴。让我们探索垂直轴的选项，例如：

单击图标后，将出现四个选项。让我们看看每个选项的含义：