- 博客(17)
- 收藏
- 关注
RSS订阅原创 NGUI学习笔记(十六).TWEEN组件
NGUI选项中直接可以选择一些动画相关的脚本组件可设置透明度，颜色宽高缩放等动画这里使用Color讲解一般都会有form和to，从什么样的到什么样的播放模式中Once是一次，Loop是循环，Pingpong是正序播放后又逆序播放Duration为动画播放完毕的时间AnimationCurve可以设置整个动画播放的曲线Start Delay 播放时延Tips: Tween组件可以...
2019-05-12 20:34:11
505
原创 NGUI学习笔记(十五).点击按钮缩放特效的制作
当用户点击或者鼠标悬停在某个按钮时，可能会希望该按钮放大，点下去时会缩小等缩放特效，那么NGUI的脚本可以解决有一个ButtonScale按钮缩放脚本Hover悬浮时缩放大小Pressed按下时缩放大小Duration,缩放执行时间...
2019-05-12 20:30:07
1131
原创 NGUI学习笔记(十四).下拉菜单的制作
1.同样新建一个Sprite作为下拉 菜单的背景，然后新建一个Label组件放在该背景之上，这样可以在后面制作选中某一项时用Label显示出来的效果2.为List添加PopupList脚本3.同样的，添加Box碰撞体，不然点击无响应4.在Popup List脚本里面编辑选项（一行一个）Default表示默认选项，Position表示列表展开的方向Auto，自动，默认向下，空间不够...
2019-05-12 20:27:27
774
原创 NGUI学习笔记(十三).滑动条制作
1.创建两个Sprite分别作为滑动条的前景图和后景图，并互为父子关系2.设置他们的深度关系，前景图必须要在后景图后面，这一点很重要，不然无法看出滑动效果（深度越大越靠前）3.给父物体添加slider脚本4.在slider脚本中的Appearance属性设置前后景图（将对象拖过去就行）5.拖动Value就可以看到实现了滑动条的效果6.为其添加碰撞体可实现与鼠标互动Tips如果需要...
2019-05-12 20:23:10
412
原创 NGUI学习笔记(十二).勾选按钮的制作
勾选效果的按钮类似于下面这种的，再次点击对勾会消失这样的1.创建Sprite背景，就是不选中时是什么样的，一般是一个方框2.在该背景下创建子物体表示勾选状态显示的图片3.因为其要能被点击，所以要添加Box Colider组件（碰撞体，原理是从屏幕发一条射线碰撞，所以一定要具有碰撞体），和Button组件（脚本）4.要实现勾选等动画的效果，要为其添加Toggle组件(脚本)5.在To...
2019-05-12 20:19:58
603
原创 NGUI学习笔记(十一).播放2d动画
播放2d动画，播放序列帧1.为一个2dSprite添加一个动画组件，UI2DSpiteAnimation2.然后在Frames属性中选择序列帧的动画数量，并将对应的序列帧托上去这里示范的时上一篇所制作的僵尸动画开始游戏即可以播放Tips:貌似NGUI，没有提供对应的更方便控制动画的接口，也可自制一个2d动画播放器，通过更改名字来播放序列帧实现动画的播放效果...
2019-05-12 20:14:22
237
原创 NGUI学习笔记(十).NGUI图集切割
假如美工做了一张图集，你需要使用他图集里的某一张图片就需要使用到图集切割的功能1.选中一张可切割的图片（美工制作）然后将他的类型改为Sprite（2D&UI）2.更改SpriteMode为Multiple多部分的（很重要，这样才可以切割）3.打开SpriteEditor4.自动切割图片点击Apply应用之后可以看到图像背裁剪成4个了...
2019-05-12 20:05:19
1054
原创 NGUI学习笔记(九).Label的OverFlow属性
当创建一个Lable时，会带有一个Label脚本，该脚本带有一个非常常用的OverFlow属性他主要是决定字体在Label框体内太多超过了原始的现实范围如何处理。Shrink Content，字体缩小处理Clamp Content字体大小不变，超过的不显示ResizeFreely，标签的大小根据文本来变化ResizeHeight即重定位高度，超过的换行显示...
2019-05-11 17:55:51
1051
原创 NGUI学习笔记(八).Label标签显示中文与字库的选择
如果发现使用NGUI的Label时输入中文没有反应，那么表示所使用的字库不支持中文，切换为支持中文的Unity的提供的字库就可以解决1.在Lable标签脚本选择Unity提供的字库2.选择unity中的字库类型Tips:或者可以在最后那个属性直接拖动字库进去来给定字体如果想为NGUI添加字库(想要为他人提供一个支持中文或自制字库的NGUI插件版本时)1.将你的字库拖到Assets...
2019-05-11 17:49:33
488
原创 NGUI学习笔记(七).锚点
在设置UI的过程中，可能会出现适配用户的屏幕造成屏幕尺寸比例改变的情况，如果对屏幕没有做良好的适配的话可能导致看不见UI或者UI不在原来的位置，这时候就需要使用NGUI的锚点Anchor功能1.随便创建一个UIRoot2.选择锚点3.将需要固定的UI元素设置为锚点的儿子关系4.在锚点的slide属性选择锚点的位置(譬如血条可以放在左上角，小地图右上角)做了如上的设置后当屏幕变化时，...
2019-05-11 17:42:02
1569
原创 NGUI学习笔记(六).UI对象的Widget
Pivot表示UI的坐标点位置，上下左右和中间一共9个点可选，图中表示水平和竖直方向中间对其Depth表示深度值，越高表示越靠前Dimensions表示物体的缩放拉伸，点击snap可以恢复该对象的原始尺寸，但可能会有1~2的误差...
2019-05-11 17:23:05
190
原创 NGUI学习笔记(五).Sprite的其他属性
如图示，NGUI除了上一篇所说的Sliced类型还有其他的类型Simple和Sliced和Advanced类型已经在上一篇记录过Tilled属性平铺属性，会根据你设置的图片的大小与图片的实际像素平铺完整个图片底下的Flip选项可设置图片的平铺方向:翻转，垂直水平或全部反转Filled填充属性，用于将图片充满整个SpriteFlip选项不再赘述说明一下FillDir与Fill A...
2019-05-11 17:18:34
327
原创 NGUI学习笔记(四).Sprite的Sliced类型与解决拉伸模糊的问题
当需要将图片放大时，使用默认 的Simple类别可能会使变得模糊不清这时就需要使用Sliced模式对其进行优化Simple模式拉伸后效果Sliced模式拉伸后效果那么，如何使得切割后图片不模糊呢1.将Sprite的type选择为Sliced2.然后点击图片后的edit然后会出现以下布局设置Border布局，线朝外的区域表示不参与拉伸，Left和Right X轴向不参与横向拉伸...
2019-05-11 17:03:15
651
原创 NGUI学习笔记(三).通过脚本更改Sprite的实现
注意的是Sprite是根据名字存储，所以更换Sprite的时候需要更改他的名字就行了当然前提是要更换的图片与当前图片在同一图集下
2019-05-11 16:02:42
486
原创 NGUI学习笔记(二).按钮的制作
NGUI按钮的原理的从屏幕发射一条射线，所以制作按钮的需要添加碰撞体1.添加碰撞体2.添加按钮脚本，选中物体且点选下列选项3.按钮添加点击事件与Unity的标准方式相同，但是执行函数时需要将该函数定义为private私有属性才可在NGUI的方法中显示出来https://blog.csdn.net/Coco_cock/article/details/90110799...
2019-05-11 16:00:26
298
原创 unity按钮绑定事件
按钮绑定函数操作实现1.新建一个按钮，其右下角会出现OnClick()点击事件设置窗口2.新建一个空物体并且编写一个脚本挂在到该物体上3.按钮的事件设置窗口点击点选择对象4.选择绑定了事件脚本的对象5.点击按钮下的noFunction即可以看到绑定的脚本文件，选中之后可以选择对应的函数事件...
2019-05-11 15:57:39
2056
原创 NGUI学习笔记(一).基础概念与图集制作
NGUI学习笔记<一>.基础概念与图集制作基础概念图集如何制作自己的图集基础概念NGUI插件必须要导入1).UI均建立在一个UIRoot的子物体之下2).UIPanel决定深度值与一些交互效果，是非常重要的组件3).具有一个UI摄像机4).建议 UIRoot添加标签UI并且给摄像机加遮罩UI只看UI图集想使用图片必须选择一个图集1.点击UISprite脚本中的Atl...
2019-05-11 15:49:40
355
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人