博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
NGUI Sprite Type(Simple、Sliced、Tiled、Filed、Advanced)
阅读量:5827 次
发布时间:2019-06-18

本文共 510 字,大约阅读时间需要 1 分钟。

官方文档:

Sprite Type

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

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

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

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

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

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

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

Sprite Type示例

下面这张图是我们的原图

应用不同的Type

 

下面对详细参数进行讲解

Type=Filed(填充)

 

Type=Advanced(高级)

Type=Sliced(九宫格)

原图

sliced拉伸放大后

切割参数

 

九宫格切图

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

转载于:https://www.cnblogs.com/zhaoqingqing/p/3554180.html

你可能感兴趣的文章
tf.gfile.Exists 与 os.path.exists
查看>>
应用监控利器:Pinpoint 全链路监控部署实践
查看>>
vue-jstree安装使用备忘
查看>>
SQL操作符的优先级引起的(MySQL unknown column in ON clause)
查看>>
美国拟立法禁止非汽车制造商上路测试自动驾驶,Uber们要怒了
查看>>
重磅更新:码云企业版之项目多仓库功能上线!!!
查看>>
zeptojs-跑马灯效果
查看>>
JS中字符串的true转化为boolean类型的true
查看>>
基于mpvue开发微信小程序,vue能用的,用mpvue哪些情况不能用
查看>>
DeepMind无监督表示学习重大突破:语音、图像、文本、强化学习全能冠军!
查看>>
如何基于 Vue 2 写一套 UI 库?
查看>>
WPF ListBox 获取listBoxItem
查看>>
MySQL学习笔记(一):查询
查看>>
JAVA 设计模式 状态模式
查看>>
apigateway-kong(六)认证
查看>>
Kendo UI使用笔记
查看>>
Memcache是谁,它为什么而奋斗?【内容转】
查看>>
linux安装xgboost快速高效方法
查看>>
三种方法实现调用Restful接口
查看>>
redis requires Ruby version >= 2.2.2问题
查看>>