视频字幕
在 Manim 中，元素布局关联是通过 Layout 系统实现的。它将屏幕划分为多个区域，每个区域可以放置不同的视觉元素，从而实现结构清晰的演示画面。
当需要在 figure 区域放置多个图形时，可以进一步划分该区域。例如，将 figure 区域划分为 left 和 right 两个子区域，分别放置不同的图形。这样可以确保各个图形彼此独立，同时保持整体排版结构清晰。
对于动态元素，例如随参数变化的图形，必须在调用 layout.place 之前将其添加到 figure_group 中。这样可以确保布局系统正确处理它们的位置和缩放。在本例中，我们使用 ValueTracker 控制角度 theta，动态绘制单位圆上的点和对应的半径线。
使用 aligned_edge 参数可以控制元素在区域中的对齐方式。例如，aligned_edge=UL 表示元素的左上角与区域的左上角对齐，而 aligned_edge=ORIGIN 表示元素的中心与区域的中心对齐。在本例中，我们展示了三个矩形在垂直排列时的对齐效果。
LayoutAtom 的权重决定了区域的大小分配。例如，text 区域权重为 1，figure 区域权重为 2，则 figure 区域的宽度是 text 区域的两倍。合理分配权重可以优化画面结构。在本例中，我们绘制了一个简单的线性函数图像，展示了布局权重对区域大小的影响。