NGUI之Sprite

最新推荐文章于 2021-05-19 22:53:11 发布
最新推荐文章于 2021-05-19 22:53:11 发布
阅读量88 收藏
点赞数
原文链接：http://www.cnblogs.com/chiwang/p/7519431.html
版权
  • Sprite显示图片步骤
  1. 创建Sprite组件
  2. 选择图集，选择要显示的图片
  3. Widget中点击“Snap”按钮，使图片按原始比例显示
  4. Widget中Aspect选中Base On Width.便于等比例调整图片的大小。
  • Sprite面板属性
  1. Type(类型)

　　　　a.Simple:简单模式，默认展示效果

　　　　b.Sliced: 九宫模式，适合于背景按钮图处理。

　　　　c.Tiled ： 平铺模式，使用该图片平铺Widget中Size的区域。

　　　　d.Flip:进度模式，最复杂的一种图片模式

　　　　　　　　Fill Dir:填充方向

　　　　　　　　Fill Amount:填充量

　　　　　　　　Invert Fill :翻转填充

转载于:https://www.cnblogs.com/chiwang/p/7519431.html

weixin_30700099
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）
weixin_34074740的博客
02-18 240
官方文档：http://www.tasharen.com/forum/index.php?topic=6704.0 Sprite Type 下面是UISprite的Type截图，每一种Type都有不同的用途，在实际的项目中我们根据实际需求选择Type。 每一种Type的解释及适用场景： Simple：标准的Sprite，自适应大小 Sliced：九宫格切片，创建固定边框控件的最佳选择...
NGUI-sprite
naoomi的专栏
03-03 533
所有的Sprite需要你先创建一个图集（Atlas）。点击Atlas按钮将列出你项目中所有的图集。想创建一个新图集，你可以使用图集制作工具（NGUI > Open > Atlas Maker）。你能点击Sprite选项旁边的Edit按钮来编辑和选择sprite。这也能给你的Sprite增加border使得它能九宫格适应。默认新增的Sprite都是Simple类型的。这意味着他们更多的是像UITex
NGUI-Sprite
qq_36998053的博客
05-07 665
（三）NGUI-Sprite Sprite：图片精灵。可以在一张大图（Atlas，整体图像集合）中去截取一部分，而截取的小图就是一个精灵。给精灵命名后，使用时通过精灵的名称就能直接绘制。图片精灵还可以用来制作动画（Tween相关脚本）。 创建Sprite： 创建Sprite 创建完成 Sprite的属性栏 Spritel属性栏 图片的选择：首先点击Atlas（图册），会弹...
NGUI—Sprite
weixin_35823052的博客
03-05 316
1.Spite：用来显示图片；在图集Altas中选择；altas可用altas maker制作（在菜单NGUI->option->open->altas maker）
NGUI（3.0.6） - sprite
Rechard0121的专栏
03-21 1827
在NGUI 中 sprite分为四种类型：simple、sliced、tiled、filled。 simple 类型：使用simple类型时，sprite的显示和你做好的atlas 中的 sprite是一样的，不会有什么改变。sliced 类型： sliced 意思是 切片的意思，就是说它只是原图的一个部分。在sprite的创建如下：      sliced 使用的部分就是
NGUI 3.12.1
11-15
4. 图标系统：支持精灵图（Sprite）管理和精灵表（Atlas），优化资源加载和内存使用。 5. 高效渲染：使用单个UI渲染器进行批处理，减少绘制调用，提高性能。 二、NGUI的核心组件 NGUI的核心组件包括： 1. Widget：...
Unity之NGUI插件使用教程.rar
07-01
6. **精灵与纹理**: NGUI支持精灵（Sprite）和纹理的使用，可以创建复杂的2D图形和动画。精灵可以是单个图像或由多个部分组成的复合图像，如按钮的不同状态。 7. **UI优化**: NGUI提供了一些性能优化工具，如使用...
NGUI 3.11.2
09-06
NGI3.11.2版对性能进行了优化，如通过优化Draw Call、利用Sprite Packer减少内存占用、使用Unity的新的UI系统协同工作等，使得UI在大量元素时依然能保持流畅。 四、Example示例 NGUI3.11.2包含的example目录，提供...
NGUI v3.12.0插件
12-19
2. **精灵（Sprite）和纹理管理**：NGI支持精灵切割和九宫格拉伸，使得UI元素可以适应不同分辨率和比例的屏幕，同时提供了一种有效管理大量纹理资源的方式。 3. **事件系统**：NGUI的事件系统允许开发者通过点击、...
NGUI3.7.3unitypackage
12-09
同时，精灵(Sprite)管理使得单个图像可以在界面上灵活使用。 4. **UI 层级管理**：NGUI 使用深度优先绘制(Depth-first drawing)策略，支持多层界面，可以控制界面元素的前后顺序，确保正确显示。 5. **2D 物理系统...
NGUI_的Sprite学习_002
杨勇博客之家
09-11 623
创建精灵的流程如下，选中UIRoot，在相机范围内右键，Create–>Sprite 我们可以先点击Atlas选择图集， 点击Sprite选择精灵 在精灵有Type属性 每一种Type的解释及适用场景：Simple：标准的Sprite，自适应大小 Sliced：九宫格切片，创建固定边框控件的最佳选择。边框固定，图片中间做拉伸(缩放)，如角色头像，按钮背景 Tiled：平铺，一个Sp
10005003 NGUI 插件学习笔记002-Sprite
星月相随的专栏
05-19 209
3. Sprite Sprite使用Atlas图集。 3.1 Atlas图集制作 选择Atlas Maker。 详细见《6.创建图集》。 3.2 Atlas图集选择 点击Atlas: 打开弹窗，点击show all： 选择一个： 选择Sprite： 选择了NGUI这张Sprite 3.3 Type Type：一般使用Simple. 3.4 Filp 翻转 Nothing: 不翻转 Horizon...
NGUI sprite 裁剪到其他图片sprite
张涵的博客
08-20 1214
最近发现在使用 NGUI 的图集.时. 两张相邻的图片A,B 可能会影响到对方的显示. 比如A在图集的Texture中 位置处于B的正上方.紧挨着. 当我们使用B的图片的时候,B的上部分边缘可能会显示到A的颜色. 此时该怎么解决这个问题呢? 只要点击sprite 组件的edit 按钮对图片进行参数修改(此修改会修改,图集的prefab,并且影响所有用到此图片的组件,在编辑器运行游
【 unity3d】NGUI学习之Sprite精灵
liaosheng：）
06-25 996
NGUI的学习方法一般是通过一个一个测试看其效果来理解，一些属性也可以根据英文名字大致看出作用 而且有些属性如：Gradient、Color Tint、Widget、Anchors、其他NGUI类型都有的 所以这里主要介绍Sprite的特性 一：导入创建Sprite     二：获取图集Altas，右边Edit图集，一般不用，修改挺麻烦      三：获取一张Sprite 四...
NGUI 3.5教程（四）Atlas和Sprite（制作图片按钮）
热门推荐
常城的专栏
05-12 3万+
写在前面：         本文将创建NGUI的第一个例子。按照编程传统，第一个例子，就是做一个Hello world 显示出来。NGUI，我们用Label来实现 。     欢迎大家纠错、拍砖！原创很辛苦，如有转载，请注明出处。 啊
unity ugui image组件ngui uisprite 对称显示功能
文刀雨田
04-29 567
NGUI组件中UISprite有个Flip功能，可以实现对图片的水平，垂直，中心对称显示，最近项目转到ugui中了，就想实现这个功能 1:先展示效果 无对称现象： 水平对称： 垂直对称： 中心对称： 2:实现原理： 新建脚本，并继承Image,通过实现image里面的OnPopulateMesh方法，通过对Image里面的顶点进行修改来实现图片的对称显示。下面是实现源代码 using System.Collections; using System.Collections.
[Unity][NGUI]Sprite精灵的Type九宫格切割Sliced没效果
BuladeMian的博客，菜得抠脚，菜得真实
03-27 895
选择Type为Sliced，点击 NGUI Sprite 的 Sprite 旁边的Edit 在这里进行设置，就可以了
【Unity3D】【NGUI】UISprite
四爷的专栏
12-07 7949
原文：http://www.tasharen.com/forum/index.php?topic=6704.0 NGUI讨论群：333417608 概述 UISprite是NGUI里面最实用的。使用atlas纹理的一部份用来绘制sprite，继承UIWidget的所有功能。 sprite首先需要一个Atlas。点击Atals按钮会列出当前项目中已有的atlas。
【NGUI学习之一】Sprite动画播放和Slider使用
【手游开发成长历程】－－杰克兔
10-24 2万+
一. Atlas(图集)的制作。     所谓的atlas就是制作的一张大图，是很多小图的集合，通过设置截取小图的尺寸得到的小图称为Sprite(精灵)。
使用代码更改NGUI的Sprite尺寸
最新发布
07-12
要使用代码更改NGUI的Sprite尺寸，你可以按照以下步骤进行操作： 1. 在Unity编辑器中，选中包含NGUI组件的游戏对象。 2. 在你的脚本中，获取对应的UISprite组件的引用，可以使用GetComponent方法来获取。 3. 使用UISprite的width和height属性来更改Sprite的尺寸。你可以直接分配一个新的值给这两个属性，以实现所需的尺寸变化。 4. 如果你希望保持Sprite的宽高比例，可以使用UISprite的SetDimensions方法，只需提供一个新的宽度或高度即可，另一个值会自动调整以保持比例。 下面是一个示例代码片段，展示了如何使用代码更改NGUI的Sprite尺寸： ```csharp using UnityEngine; using System.Collections; using UnityEngine.UI; public class ChangeSpriteSize : MonoBehaviour { private UISprite sprite; private void Start() { sprite = GetComponent<UISprite>(); // 设置新的宽度和高度 sprite.width = 200; sprite.height = 150; // 或者使用 SetDimensions 方法 // sprite.SetDimensions(200, 150); } } ``` 通过以上步骤，你可以使用代码来更改NGUI的Sprite尺寸。记得将脚本附加到包含NGUI组件的游戏对象上，并启动游戏来查看效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值