Unity学习笔记:NGUI的基本操作

    技术2022-07-12  78

    层级顺序:UI Root →摄像机→创建锚点→Panel添加面板→创建精灵

     NGUI→Create→Sprite   创建精灵

      NGUI→Open→Atlas Maker   自定义图集

    图片拉抻设置

    NGUI→Create→Anchor(Legacy)  创建锚点

    设置锚点位置,

    与控件形成父子关系。

    设置屏幕内控件等比缩放。

    label使用中文字体,选择unity添加字体文件。

    点击事件需要添加碰撞和button组件。(重叠的物体仅为一个添加碰撞组件)

    图片样式设置成精灵,对其进行切割。

    使用2d精灵可使图片动起来,

    添加组件。

     

    开关。

    ui动画效果

    Tween→Position为一组ui添加动画效果(从一个位置移动到另一个位置)。

    Attach→Play Tween Script  点击播放动画。

    ui Input回车调用。输入调用。

    精灵拖拽添加BoxCollider,添加拖拽组件。

    拖拽精灵最前方显示:创建深度值高的Panel并添加。

    ui排序功能。

    Grid布局,间隔,如何排序,对齐方式,动画平滑。

    在某个精灵背景

    将背景精灵添加拖拽容器组件。

    停留的物品进行排序 创建Grid,并拖到容器组件的位置。设置Grid位置以及间隔距离。

    鼠标移动让物体旋转。

    鼠标点击 图片放大缩小。

    ui向导,快速创建ui

    UI用到的自定义脚本↓

    using UnityEngine; using System.Collections; public class UIManager : MonoBehaviour { public UISprite backSprite;//背景精灵 public AudioSource audio; /// <summary> /// 滑动条 /// </summary> public void SliderFunc() { audio.volume = UISlider.current.value;//控制音量大小 print("滑动条数值 : " + UISlider.current.value); } /// <summary> /// 开关 /// </summary> public void ToggleFunc() { audio.mute = !UIToggle.current.value;//控制背景音效静音/正常播放切换 print("开关效果 : " + UIToggle.current.value); } public void Red () { backSprite.color = Color.red; } public void Blue () { backSprite.color = Color.blue; } }

     

    Processed: 0.008, SQL: 9