unity ngui button anchor

很多新同学在使用 Unity NGUI 的 Button Anchor 时会遇到问题，在项目开发过程中也会感到纠结。下面将详细介绍如何更好地理解和使用 Unity NGUI Button Anchor。

1. UIButton 点击音效与事件回调

Anchor 锚点

Anchor 锚点是为了适应不同屏幕尺寸，确保当前 UI 不会变形而设定的基准点。

按钮相关设置

1. 基本属性设置

• Atlas：图片集，NGUI 支持直接解析 TexturePacker 生成的图片集。
• Font：按钮字体。若没有自己制作静态中文字体，可随意选择一个。
• Template：widget 模版。
• Background：图片集中制作的图片。设置好后，点击“Add To”可将其添加到视图中。

2. 按钮属性详解

• Box Collider：默认添加，用于响应事件。
• UIButton（Script）：
• Target：按钮点击目标，只有点击在这个目标上才被视为有效点击。
• Drag Over：当有物体在按钮上通过时，触发相应事件选项。
• Transition：效果过渡，用于实现按钮状态变化时的过渡效果。
• Colors：对应按钮在不同状态下的颜色。
• Sprites：对应按钮在不同状态下的背景图片。
• OnClick：按钮点击时，触发的事件分发。
• UIPlay Sound(Script)：当按钮被点击时，可以播放一个声音。若要通过脚本调用，可直接在 UIButton 上添加一个脚本，并重写 OnClick() 方法，示例代码如下：

  void OnClick()
  {
  Debug.Log("onClick");
  }
  

按钮制作要点

按钮通常是由一个背景和一个文本拼合而成。在制作按钮时，一般需要添加锚点选项，这样可以显示所有组件在按钮里的相对位置。

背景设置

点击 Background 后，在 Type 选项中选择 unified，然后选择四点顶点处的大小。其中，Target 表示要在哪个相对位置保持不变，通常选择 UI Root 父节点；Hide if off - screen 表示当当前 Widget 不在当前显示画面时，将其隐藏。

通过以上步骤和设置，开发者可以更好地使用 Unity NGUI 的 Button Anchor 功能，创建出适应不同屏幕的按钮 UI。