Rust插件中UI位置的调整

基础概念​

锚点(Anchors)​

锚点定义了UI元素如何对应于其父元素的角落或边缘。它们的取值范围是0到1,其中:
  • 0表示在水平或垂直轴向的最开始位置(左侧或底部)。
  • 0.5表示中间位置。
  • 1表示最末端位置(右侧或顶部)。

偏移量(Offsets)​

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

尺寸(Size)​

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

理解和改变参数​

修改锚点​

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

修改偏移量​

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

创建自适应UI​

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