NGUI 版本2.6.3 在做新手引导时,需要高亮特定UI元素,也就是加个黑色蒙板,然后在蒙版上显示这个UI元素,为了简单方便我扩展了下UISprite,来镂空指定空间. 分为2种,矩形和圆镂空,矩形比较简单,就是渲染1-8个三角形 效果如图 矩形镂空 圆镂空 代码下载地址 http://files.cnblogs.com/files/liange/UISpriteExt.7z

NGUI 2.6.1下载: part1 part2 NGUI 实现Sprite精灵动画很简单: 1.先制作图像集合.打开NGUI菜单下Atlas Maker,选中切好的图片,点击Add/Update按钮. 2.创建一个Sprite , 3.给Sprite添加脚本: 4.设置脚本的参数 调节动画的速度:

using UnityEngine; using System.Collections.Generic; /// <summary> /// Sprite is a textured element in the UI hierarchy. /// </summary> /// public partial class UISprite : UIBasicSprite { public void OnInitNew() { OnInit(); } } /// <summary

官方文档:http://www.tasharen.com/forum/index.php?topic=6704.0 Sprite Type 下面是UISprite的Type截图,每一种Type都有不同的用途,在实际的项目中我们根据实际需求选择Type. 每一种Type的解释及适用场景: Simple:标准的Sprite,自适应大小 Sliced:九宫格切片,创建固定边框控件的最佳选择.边框固定,图片中间做拉伸(缩放),如角色头像,按钮背景 Tiled:平铺,一个Sprite缩放填充整个区域,如背

怎样判断是否应该使用精灵 在一套UI中,精灵是一种非常常见的元件.当制作UI时,如果需要显示一张图片,需要先判断这个图片是否应该制作到图集里去,然后用精灵的方式去使用它,一般来说,可以遵循以下规律. 1.首先说明一点,精灵是一个很基础的UI元件,经常不会独立使用,很多其他控件都会用到精灵.所以,精灵有的时候并不用独立使用的. 2.对于一些展示型的图片,不会变化,只是起一个展示作用,如果它不大,它一般都是以精灵的方式去制作. 3.如果要显示一个图片,它形状不规则,长宽不是2的N次方,那么一定要使用

传统按钮置灰,需要使用另外一张纹理. 本例通过修改shader和NGUI sprite的r值实现按钮置灰.优势:节省纹理,操作简单 将NGUI Unlit/Transparent Colored片段部分改成如下:fixed4 frag (v2f i) : COLOR { fixed4 col= tex2D(_MainTex, i.texcoord) * i.color; if(i.color.r < 0.0001) { float grey = dot(col.rgb, float3(0.299

两张背景图片向左移动,当屏幕看见的时候. 使用的是Unity自带的Sprite,当然也可以使用NGUI Sprite using UnityEngine; using System.Collections; /** *两个背景图片平移 */ public class BackgroundController : MonoBehaviour { public SpriteRenderer back1; public SpriteRenderer back2; public Sprite [] te

如果你拿到的是一张整图,你想分割之后使用NGUI sprite来使用!  下面就能解决的需求. 步骤: 1. 使用Unity自带的spirte进行分割图片 2. 使用代码把分割出来的2DSpirte转换成本地PNG图片,再导入Unity使用atlas纹理O(∩_∩)O~ 注意事项: 1.  图片切换成Advanced类型 Read/Write Enabled勾上,不然会抛出异常 直接上代码: [MenuItem("Tools/导出精灵")] static void SaveSprite

我们在玩任何一款手游产品时,都是先上来个logo界面,游戏欢迎界面等,这就意味着我们要做一款游戏需要多个场景,场景之间来回切换实现游戏逻辑,unity也不例外,所以从本篇开始将会介绍如何搭建多个场景,本篇先看游戏logo场景的制作,先上图: 再次用时空领地的logo了,这里的时空领地的logo是个动画,全部是用NGUI实现的,重点是做这个界面没用一句代码,除了点击切换场景. 之前那个游戏场景,我起名GameScene,然后我新建一个场景File->New Scene,起名BeginMenuSce

先上效果 有个问题就是,UISprie用的Atlas的公用的材质,无法从当前要绘制的片段shader上获得uv百分比,所以当有其他的Sprite使用相同的Atlas时显示就有问题 其实Mesh是可以接受另外一套uv的,不过目前还没有找到给NGUI造的mesh传另外一套uv的方法. //代码 using System; using UnityEngine; using System.Collections; public class UIRoundSprite : UISprite { publi

在使用Ngui 3.4.9的时候,使用“Unity 2D Sprite”控件的时候,出现了UnityException: Sprite is not rectangle-packed. TextureRect is invalid.错误. 原因是:The default packing setting for Unity 4.3 sprites is "tight" which means that you cannot use Sprite.rect to calculate the

(以后,参考链接和作者将在文章首部给出,转载请保留此部分内容) 参考链接:http://www.narkii.com/club/thread-299977-1.html,作者:纳金网 比巴卜: 参考链接:http://game.ceeger.com/forum/read.php?tid=2852,作者:Unity圣典论坛 kuku小夭 动态添加和删除Sprite可以在很多地方用到,这里以实现显示技能CD时间来为例,CD的时间是以sprite来显示的,当然CD时间以文本显示更为合理,这里只是作为例

Atlas是NGUI的图集.我的理解是:Atlas把你的一些零散的图片,合并成一张图.这样做的优点是,能够减少Draw Call.我不了解它的底层运作机制,我猜应该也是再行进DXT之类的纹理压缩,所以,最好把图集的尺寸,也做成128, 256,512,1024之类的大小,以方便其进行格式压缩. 概念: Atlas : 图集.把美术给你提供的素材,用 NGUI 的 Atlas Maker 工具,合成一张图片(准确的说,还同一时候生成了prefab.mat ). Sprite:精灵.因为Atlas已

很多都是使用NGUI的习惯,因为在NGUI中所有图片都打包在一个图集中,通过更改SpriteName就可以更改图片,so,为了方便调用UGUI的sprite,我们也同样需要为其创建一个asset文件. 其实这个功能相当软肋,既然想到写,还是写出来吧,偶尔用于切换图片或者动态加载之类的还是有点意思 首先准备一张图片 为我们准备创建的asset文件写一个脚本,他需要继承ScriptableObject,同时我们需要存储一些其他信息,所以需要一个信息脚本,这里需要将信息转为一个资源文件,所以需要使用[

问题描述:NGUI里的sprite和label有白色的边框,而原图一切正常 如图: 解决方案: 给Sprite 边缘左右更增加1,这样拉伸的时候就忽略了左右1的位置,图片就不会显示白色边框了

Sprite:标准Sprite控件,自适应图片大小. Sliced Sprite:一个含有9个切片的Sprite,创建固定边框的控件最佳选择,固定大小,不会随图片大小而改变,可做人物头像等. Tiled Sprite:一个Sprite缩放填充整个区域.如背景由同一元素图片构成可用此控件 Filled Sprite: 每个Sprite都会有一个单独的参数(fill Amount)来控制哪些是可见的,可用来做进度条或者滚动条,血条.

一,我们先添加一个sprite,改名为skill.给当前skill添加图片,然后再sprite下添加一个sprite和一个label,结果如下 二现在我们来设置skill下的sprite,给他设置一个纯色空白图片,然后将他的type选择为filled和coloer tint 选择为黑色,然后设置为半透明, coloer tint 点击打开下选择颜色框 箭头区域为设置半透明重点 最终结果显示设置为: 现在我们手动修改fill amount,可以看到黑色遮罩层360度减少,效果如下: 三,我们添加一

一,图集的添加和背景图的选择 图集的选择Atlas和背景图的选择Sprite 二,type的sliced切背景图的使用 当选择Sprite后的edit时,我们就可以设置当前背景图的边距,也有切图的意思,如下图, PS:如果你没有选择type:sliced这个属性,你选择切图是没有效果的,设置了border,他的边就不会被拉伸,只有没有设置到的会被拉伸,如下图 设置了border,四周不回被拉伸,只有中间区域会被拉伸,也就是九宫切图,中间那部分会被拉伸,切出来的不会被拉伸

修改 Dimensions 的 X 和 Y值进行调整. 在生成图集时 选择Padding 设置1以上 应该不会出现这个问题.

public GameObject _background; public UIAtlas atlas; private Dictionary<int, UISprite> _allCardSprite; void Start () {        _allCardSprite = new Dictionary<int, UISprite> ();} ; i<; ++i) { GameObject _parent = NGUITools.AddChild (_backgro