ngui anchor 怎么用

2015年01月16日 09:45 0 点赞 0 评论 更新于 2025-11-21 14:30

NGUI 版本

本文所涉及的 NGUI 版本为 3.6.5。

基本 Anchors 使用说明

下面将结合图示(可通过官方的 Anchor 和 Chat 例子进行深入学习),详细解释基本的 Anchors 使用方法。

Target 类型说明

Target 不一定必须是 Sprite,它可以是任意的 UIRect(UISprite、UIPanel 的基类),也可以是 Camera。若 Target 为 UIRect 类型,对齐操作将基于当前 UIRect 的边缘;若为 Camera,则对齐的是屏幕。

相关概念说明

这里所提到的“当前图片”指的是最终图片中的绿色部分,“背景图片”指的是最终图片中的黑色部分。

类型与执行方式

  • Type(类型):选择 “Advanced” 时,可配置的选项较多,“Unified” 选项也包含在其中。
  • Execute(执行时机)
  • “OnUpdate”:表示在 Update 方法中执行对齐操作。
  • “OnEnable”:意味着在 OnEnable 方法中执行对齐操作。

各部分对齐设置

Left 部分

设置为 “Sprite(Transform) Target's Left + 50” 时,当前图片的左边(Left)将对齐到背景图片(Sprite(Transform))的左边(Target's Left)再加上 50 像素的位置。

Right 部分

当设置为 “Sprite(Transform) Custom 0.6 - 60” 时,当前图片的右边(Right)会对齐到背景图片(Sprite(Transform))宽度的 0.6 倍位置再减去 60 像素的地方。

Bottom 部分

若设置为 “Sprite(Transform) Target's Bottom + 0”,当前图片的底部(Bottom)将与背景图片(Sprite(Transform))的底部(Target's Bottom)对齐。

Top 部分

设置为 “None(Transform)” 时,当前图片的顶部不进行对齐操作。