NGUI Sprite Type(Simple、Sliced、Tiled、Filed、Advanced)

本文为作者原创,转载请注明出处:https://www.cnblogs.com/zhaoqingqing/p/3554180.html



官方文档:http://www.tasharen.com/forum/index.php?topic=6704.0

Sprite Type#

下面是UISprite的Type截图,每一种Type都有不同的用途,在实际的项目中我们根据实际需求选择Type。

image

每一种Type的解释及适用场景:

Simple:标准的Sprite,自适应大小

Sliced:九宫格切片,创建固定边框控件的最佳选择。边框固定,图片中间做拉伸(缩放),如角色头像,按钮背景

Tiled:平铺,一个Sprite缩放填充整个区域,如背景平铺

Filed:每个Sprite有一个单独的参数(file Amout)来控制哪些是可见的,用来制作技能CD冷却时间或进度条

Advanced:高级的,自定义左右上下中的Sprite Type

Sprite Type示例#

下面这张图是我们的原图

image

应用不同的Type

imageimageimageimageimage

 

下面对详细参数进行讲解

Type=Filed(填充)#

 image

Type=Advanced(高级)#

image

Type=Sliced(九宫格)#

原图#

image popup_1

sliced拉伸放大后#

image image

切割参数#

image image  image image

九宫格切图#

在你拉伸图片时,让图片的四个角保持原来的尺寸,只拉伸图片中间部分。

作者:赵青青   一名在【网易游戏】做游戏开发的程序员,擅长Unity3D,游戏开发,.NET等领域。
本文版权归作者和博客园共有,欢迎转载,转载之后请务必在文章明显位置标出原文链接和作者,谢谢。
如果本文对您有帮助,请点击【推荐】您的赞赏将鼓励我继续创作!想跟我一起进步么?那就【关注】我吧。
posted @   赵青青  阅读(2686)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
阅读排行:
· 10亿数据,如何做迁移?
· 推荐几款开源且免费的 .NET MAUI 组件库
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 易语言 —— 开山篇
· Trae初体验
CONTENTS
点击右上角即可分享
微信分享提示