[阿七原创分享]NGUI学习笔记

一、NGUI的直接用法

1. Attach a Collider：此操作是为NGUI的某些物体添加碰撞器。若界面使用NGUI构建，只能通过这种方式添加碰撞器，使用Component添加则无效。
2. Attach an Anchor：为物体添加UIAnchor脚本，其作用是避免像素偏移问题。
3. Attach UIStretch：为物体添加UIStretch脚本，该脚本可提供缩放功能。
4. Make Pixel Perfect：自动调整物体Transform的尺寸。
5. Create a Panel：创建一个面，这个面相当于一个容器，其中可以包含Button、Label、CheckBox等控件。
6. Create a Widget：创建窗口小部件，例如Button、Label、Sprite等。
7. Create a New UI：创建一个新的UI界面。
8. Font Maker：用于创建字体。
9. Atlas Maker：用于创建图集。

二、关于组件（Component）> NGUI > Examples下的作用

1. PanWithMouse：为物体添加此组件后，物体将根据鼠标的移动而移动，给人一种漂浮的感觉。
2. LookAtTarget：使物体朝向目标物体（Target）。
3. LoadLevelOnClick：点击按钮后可加载到另一个场景，只需在LevelName中填写要加载的场景名即可。
4. Spin：使物体进行旋转。
5. SpinWithMouse：物体将跟随鼠标的移动而旋转。
6. TypewriterEffect：作用于标签，呈现打字风格的效果。
7. Chat Input：将输入框中的内容提交到文本框中。

三、关于组件（Component）> NGUI > Interaction下的作用

1. Button

• UIButton：当鼠标悬停在按钮上时，目标物体的颜色会发生改变。
• UIButtonScale：鼠标悬停在按钮上，目标物体将增大或缩小，可在Hover下调节x、y、z的比例。
• UIButtonOffset：鼠标悬停在按钮上，目标物体的位置会发生挪动。
• UIButtonSound：鼠标点击按钮时，会发出声音。
• UIButtonActivate：鼠标点击按钮后，目标物体将从禁用状态变为启用状态。
• UIButtonColor：鼠标移动到按钮上后，目标物体的颜色会改变。
• UIButtonRotation：鼠标移动到按钮上后，目标物体将旋转一定的度数，可在Hover下调节x、y、z的旋转度数。
• UIButtonTween：鼠标点击按钮后，目标物体将产生变换。必须为目标物体添加Tween组件中的变换（如transform变换、position变换、Alpha变换等），并在开始时启用目标物体的变换，因为该变换是在点击鼠标后才会产生，否则在游戏开始运行时就会产生变换。
• UIButtonPlayAnimation：鼠标点击按钮后，目标动画将开始播放，前提是目标物体已添加Animation组件。
• UIButton Message：用于传递消息。编写一个公共函数，明确要传递的消息内容，将此脚本添加到目标物体上，然后填写要传递消息的函数名。

2. CheckBox

• UICheckBox：用于多选框的选择与取消操作。
• UICheckBoxControlledObject：取消多选框的选择后，目标物体及其所有子物体将全部被禁用。
• UICheckBoxControlledComponent：将此脚本添加到CheckBox中，若选择该多选按钮，脚本的Target将显示；若未选择，则Target将隐藏。

3. Drag

• UIDragCamera：为某个物体添加该组件，同时为Camera添加UIDraggableCamera组件，表明该摄像机允许被拖拽。将此摄像机设置为UIDragCamera的目标摄像机，拖拽该物体时，摄像机的位置将发生改变。
• UIDraggableCamera：表示该摄像机允许被拖拽。
• UIDraggablePanel：表示该面（容器）允许被拖拽。
• UIDragObject：拖动该物体时，被允许拖拽的物体将被拖拽，被允许拖动的物体必须放置在目标物体之下。
• UIDragPanelContents：表示该面的所有组件都允许被拖拽。

4. 其他

• UIForward Events：用于从一个对象向另一个对象转发事件，具体细节还需进一步详细了解。
• UIGrid：为物体添加网格，该物体下可以包含多个Item。在Arrangement中可选择竖直或水平排列，Cell Width和Cell Height分别代表每个单元格的宽度和高度。
• UICenterOnChild：常用于拖拽事件中。为Panel添加UIDraggablePanel脚本，为想要拖拽的物体添加UIDragObject或UIDragPanelContents脚本，再为网格根目录添加UICenterOnChild脚本，无论如何拖动容器内的物体，网格始终保持水平或垂直居中状态。
• UIInputValidator：用于输入框（Input）。为输入框添加此脚本后，在Logic中有多种选择：None表示不进行验证，可输入任何字符（除汉语外）；Integer表示只能输入整数，不能输入英文和特殊字符；Double表示只能输入浮点数；Alphanumeric表示可以输入英文、数字和特殊字符；Username表示可以输入英文、数字和部分特殊字符（小数点除外）；Name表示只能输入英文和部分特殊字符（小数点除外）。
• UIPanelAlpha：可应用于任何控件。为物体添加此脚本后，可在Alpha中调节参数，0表示全透明，0 - 1表示透明度逐渐降低，大于1的数字表示完全不透明。
• UIPopupList：用于下拉列表框（PopupList）。通过NGUI创建PopupList控件时，会自动添加此脚本，可在Options中添加下拉列表框的子项。
• UIScrollBar：用于滚动条。Value表示当前滚动条的位置，Size表示滚动条的一个单元大小，Alpha表示滚动条的透明度，Direction可选择滚动条为垂直或水平状态。
• UISlider：用于滑动框。Value表示滑动框被填充的比例，Direction可选择滑动框为垂直或水平方向。
• UISoundVolume：用于Slider控件，具体作用未详细说明。
• UITable：添加表格。Columns表示表格的列数，Down表示一列中的控件从上往下排列，Up表示一列中的控件从下往上排列，Padding表示各个控件之间的距离。

四、关于组件（Component）> NGUI > Tween下的作用

1. Spring Position：用于变换物体的位置，Target为目标位置，物体将从起始位置移动到目标位置。
2. Tween Alpha：物体的透明度将从一个值过渡到另一个值，From表示起始值，To表示结束值。
3. Tween Color：物体的颜色将从一个值过渡到另一个值，From表示起始颜色，To表示结束颜色。
4. Tween Position：物体的坐标将从一个位置移动到另一个位置，From表示起始位置，To表示结束位置。
5. Tween Rotation：物体将从一个角度旋转到另一个角度，From表示起始角度，To表示结束角度。
6. Tween Scale：物体的大小将从一个值变换到另一个值，From表示起始大小，To表示结束大小。
7. Tween Transform：物体的Transform将发生变换，From表示起始的物体位置，To表示结束的物体位置。

五、创建控件（NGUI > Create a Widget）

• 创建标签：Label
• 创建下拉列表框：Popup List
• 创建进度条：Progress Bar
• 创建滑动条：Slider
• 创建输入框：Input
• 创建滚动条：Scroll Bar
• 创建按钮：Button
• 创建多选框：CheckBox
• 创建精灵：精灵是从一张大的图集中获取的小图片。
• Sprite：一般的精灵。
• Sliced Sprite：带有固定边框的精灵。
• Tiled Sprite：缩放后重复填充整个区域的精灵（如铁丝网）。
• Filled Sprite：每个都有单独的参数来控制可见部分，常用于滚动条和进度条。

转自 阿七原创分享