NGUI实现UISprite拼接

妖狐艹你老母 2022-07-15 09:15 168阅读 0赞

在做UI的过程中，我们经常使用对称的UI图片，为了节省atlas资源，我们会将堆成的资源减半剪裁，然后在UI界面上用2个UISprite拼接到一起。

其实，通过阅读UISprite的源码，我们可以发现，还可以用UV和Vertice以及Color实现UISprite拼接，从而实现用1个UISprite，对接减半后的UISprite

这里主要给出了UISprite Simple的fill代码

void SimpleFill (BetterList<Vector3> verts, BetterList<Vector2> uvs, BetterList<Color32> cols)
    	{
    		Vector4 v = drawingDimensions;
    		Vector4 u = drawingUVs;
    		Color32 c = drawingColor;
            
            //左半边顶点
    		verts.Add(new Vector3(v.x, v.y));
    		verts.Add(new Vector3(v.x, v.w));
    		verts.Add(new Vector3(v.z, v.w));
    		verts.Add(new Vector3(v.z, v.y));
    
            //右半边顶点
            verts.Add(new Vector3(v.z - 1f, v.y));
            verts.Add(new Vector3(v.z - 1f, v.w));
            verts.Add(new Vector3(v.z + v.z - v.x, v.w));
            verts.Add(new Vector3(v.z + v.z - v.x, v.y));
    
            //左半边uv
    		uvs.Add(new Vector2(u.x, u.y));
    		uvs.Add(new Vector2(u.x, u.w));
    		uvs.Add(new Vector2(u.z, u.w));
    		uvs.Add(new Vector2(u.z, u.y));
    
            //右半边uv
            uvs.Add(new Vector2(u.z, u.y));
            uvs.Add(new Vector2(u.z, u.w));
            uvs.Add(new Vector2(u.x, u.w));
            uvs.Add(new Vector2(u.x, u.y));
            
            //左半边顶点color
    		cols.Add(c);
    		cols.Add(c);
    		cols.Add(c);
    		cols.Add(c);
    
            //右半边顶点color
            cols.Add(c);
            cols.Add(c);
            cols.Add(c);
            cols.Add(c);
    	}

![Center][]

[Center]: /images/20220715/08d00dbb31ae4505a2350b95ef4cb2ca.png

发表评论取消回复

表情：

评论列表（有 0 条评论，168人围观）

还没有评论，来说两句吧...

相关阅读

相关：linux 字符串拼接,Shell 字符串拼接的实现示例

1. 字符串声明概述字符串的基本操作脚本 1 \ 声明字符串 str01="str01" echo $\{str01\} \ 单引号也可以 \ 不过后面的

我不是女神ヾ/ 2023年01月20日 01:54/ 0 赞/ 29 阅读

相关 NGUI中实现Sprite拖拽并复位的功能

利用NGUI插件实现Sprite拖拽并复位的功能。效果如下图： ![Center][] 中间那个picture的图标被鼠标拖出去之后会自己回来原来的位置。

小灰灰/ 2022年09月26日 03:50/ 0 赞/ 114 阅读

相关 NGUI与特效

转载自：http://blog.csdn.net/yxriyin/article/details/44037673 NGUI相当不错，但是有一点比较纠结的就是面板上显示特效的

拼搏现实的明天。/ 2022年08月22日 00:09/ 0 赞/ 196 阅读

相关 NGUI研究院之三种方式监听NGUI的事件方法

原文地址：[http://www.xuanyusong.com/archives/2390][http_www.xuanyusong.com_archives_2390]

Bertha 。/ 2022年08月20日 15:09/ 0 赞/ 174 阅读

相关使用NGUI实现sprite的若隐若现，渐变

NGUI插件在UI上的功能还是很强大的。一团光闪来闪去，若隐若现又是怎么实现的呢？ ![Center][] 其实这种效果很简单的，ＮＧＵＩ插件里有一个TweenAlp

ゝ一纸荒年。/ 2022年07月18日 11:50/ 0 赞/ 183 阅读

相关 NGUI实现UISprite拼接

在做UI的过程中，我们经常使用对称的UI图片，为了节省atlas资源，我们会将堆成的资源减半剪裁，然后在UI界面上用2个UISprite拼接到一起。其实，通过阅读UISpr

妖狐艹你老母/ 2022年07月15日 09:15/ 0 赞/ 169 阅读

相关 NGUI简单背包系统的实现

http://www.cnblogs.com/zhangbaochong/p/4820160.html 一、利用txt文件存储游戏物品信息　　首先在ass

旧城等待，/ 2022年06月15日 03:41/ 0 赞/ 158 阅读

相关 NGUI屏幕自适应

屏幕自适应 NGUI可以比较方便的实现屏幕自适应，但是它的官方教程里面针对这个问题没有详细的教程，所以可能在实现的时候会走比较多的弯路。以下是我在开发过程中找到的一个比较

冷不防/ 2022年04月11日 10:45/ 0 赞/ 308 阅读

相关 NGUI 按钮音效问题

昨天给NGUI的按钮添加音效时，刚开始是自己新建空对象绑定声音的，后来发现NGUI按钮携带button sound组件，直接将音效拖入即可，不用写一行代码，非常简单。但是后来发

青旅半醒/ 2021年12月01日 16:16/ 0 赞/ 257 阅读

相关 DOTween实现NGUI Tween

最近修改的一个项目，要求用UGUI替换NGUI，大多功能已经完成，只剩下某些由NGUI Tween做的动画尚未替换，在用NGUI做UI时，很多动画由策划、美术调整的NGU...

系统管理员/ 2021年03月27日 11:48/ 0 赞/ 497 阅读