NGUI如何设置anchor为高级

本文将详细介绍NGUI设置anchor为高级的方法，同时分享UIButton点击发出声音以及UIButton事件回调的相关内容，供大家学习交流。

一、UIButton相关功能

1. UIButton声音与事件回调

UIButton在点击时可以发出声音，并且能进行事件回调。我们可以通过UIPlay Sound(Script)组件来实现按钮点击播放声音的功能。当需要进行脚本调用时，直接在UIButton上添加一个脚本并重写OnClick()方法，示例代码如下：

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

2. 按钮属性详解

• Box Collider：默认添加，用于响应事件。
• UIButton（Script）：
• Target：按钮点击目标，只有点在这个目标上，点击才被视为有效。
• Drag Over：当有物体在按钮上通过时，触发相应的事件选项。
• Transition：效果过渡，控制按钮在不同状态之间的过渡效果。
• Colors：对应按钮在不同状态中的颜色，可根据需求进行设置。
• Sprites：对应按钮在不同状态中的背景图片，方便实现按钮状态的可视化。
• OnClick：按钮点击时，触发的事件分发，可在此绑定需要执行的方法。

二、Anchor锚点

Anchor锚点是为了适应不同的屏幕，保持当前的UI不会变形而设定的基准点。以下是一些与Anchor锚点设置相关的概念和操作：

1. 相关组件介绍

• Atlas：图片集，NGUI支持TexturePacker直接解析，方便管理和使用图片资源。
• Font：按钮字体，如果没有自己制作静态中文字体，可以随便选择一个。
• Template：widget模版，可用于快速创建相似的UI元素。
• Background：图片集中制作的图片，通常作为按钮的背景。

2. 添加到视图

将上述组件准备好后，点击Add To将其添加到视图中。

3. 按钮锚点设置

按钮一般是由一个背景与一个文本拼合起来的，在按钮制作时，通常需要添加锚点选项，以显示所有组件在按钮里的一个相对位置。具体操作如下：

• 点击Background，在Type选项中选择unified，然后选择四点顶点处的大小。
• Target：表示你要在哪个相对位置保持不变，一般选择UI Root父节点里面。
• Hide if off - screen：表示当前Widget不在当前显示画面时，将其隐藏，有助于优化性能。