Rust插件中UI位置的调整

基础概念​

锚点(Anchors)​

锚点定义了UI元素如何对应于其父元素的角落或边缘。它们的取值范围是0到1，其中：

• 0表示在水平或垂直轴向的最开始位置（左侧或底部）。
• 0.5表示中间位置。
• 1表示最末端位置（右侧或顶部）。

偏移量(Offsets)​

偏移量从锚点向外延伸，定义UI元素的实际大小和位置。OffsetMin（左下角）和OffsetMax（右上角）与锚点紧密相关。

尺寸(Size)​

实际元素大小是由锚点和偏移量一起决定的，即OffsetMax减去OffsetMin的值。
接下来，让我们用一些实际例子说明如何改变这些参数。

理解和改变参数​

修改锚点​

1. 定位到屏幕中心: 你想要一个按钮正好位于屏幕的正中心。
   • 设置AnchorMin和AnchorMax都为"0.5 0.5"。
2. 靠近屏幕边缘: 你需要一个元素靠近右上角。
   • 设置AnchorMin和AnchorMax为"1 1"，并通过OffsetMin和OffsetMax进一步调整。

修改偏移量​

1. 调整大小: 你有一个正处于屏幕中心的元素，现在需要将其尺寸设置为固定值。
   • 假设元素大小为100x100，那就设置OffsetMin为"-50 -50"，OffsetMax为"50 50"。这将给出宽度和高度各为100的元素。
2. 位置偏移: 需要将一个元素向屏幕的右下方移动。
   • 给OffsetMin和OffsetMax增加相同的值。例如，OffsetMin和OffsetMax都增加"100 100"将元素向右下方移动。

创建自适应UI​

1. 水平和垂直居中:
   • AnchorMin和AnchorMax都设为"0.5 0.5"。
   • OffsetMin和OffsetMax设为元素宽度和高度的一半的负值和正值。
2. 全屏背景:
   • AnchorMin设为"0 0"，AnchorMax设为"1 1"以在整个父元素中拉伸。
   • OffsetMin和OffsetMax都设为"0 0"。
3. 响应式宽度元素:
   • AnchorMin设为"0 x"，AnchorMax设为"1 x"，其中x越接近0，元素底部越靠近父元素底部；越接近1，底部越靠近顶部。
   • 调整OffsetMin和OffsetMax的y值来改变高度。