unity-ugui适配

unity-ugui适配


坐标系

ugui 的坐标系是 笛卡尔坐标系 的第一象限, 也就是节点的 左下角(0, 0)


轴点 - Pivot

中心轴 的作用是用来对齐父子节点

强烈说明一点, 这个四个三角形并不是表示 中心轴 的意思, 而是 适配 使用的 [锚点 - Anchor](#锚点 - Anchor)


实例1 - 父子节点都中心对齐

父子节点的 piovt 都是 (0.5, 0.5), 调节子节点的 宽/高 就会同时调整 左右/上下 的边


实例2 - 子节点的左下角 对齐 父节点的中心

父节点 piovt 是 (0.5, 0.5), 子节点 piovt 都是 (0, 0), 调整子节点时的 宽/高 就会调整 右/上 的边


实例3 - 子节点的左下角 对齐 父节点左下角

父子节点的 piovt 都是 (0, 0), 子节点与父节点 左下 的边就会重合, 调整子节点时的 宽/高 就会调整 右/上 的边


锚点 - Anchor

锚点的作用是用来适配四个边的

  • 上移 是调整 max.y

  • 上移 是调整 min.y

  • 左移 是调整 min.x

  • 右移 是调整 max.x


实例1 - 不适配父节点, 绝对位置

max 和 min 都是 (0.5, 0.5), 也就是 四条边相对这个点, 都不会变动


实例2 - 距离左边的位置不变

max 和 min 都是 (0, 0.5), 左右两边 距离左边的位置不变


实例3 - 左右两边都距离父节点一定距离, 左右拉伸

左右两边跟随父节点的拉伸而拉伸, 左右两边 各与父节点 左右两边 始终保持 100 像素的距离

左边紧贴父节点, 右边始终距离 100


实例3 - 说不出来