[Unity][NGUI]Sprite精灵的Type九宫格切割Sliced没效果

最新推荐文章于 2025-10-05 16:15:18 发布
原创 最新推荐文章于 2025-10-05 16:15:18 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文指导如何在游戏开发中选择Type为Sliced，并详细解释了如何通过点击NGUISprite的Sprite旁边的Edit按钮来配置和调整精灵的显示效果。这涉及到Unity UI系统中的界面元素优化和自适应设置。

 

选择Type为Sliced，点击 NGUI Sprite 的 Sprite 旁边的Edit

在这里进行设置，就可以了

 

Unity 导出切片精灵过程浅析
feixiangdixiaoniao的专栏
01-28 922
假设有一张png/tga图集，导入到Unity，放置目录”Assets/Resources/UI”（UI文件夹可替换成其他的，重要的是要在”Assets/Resources/”路径下），默认为如下设置：   为了可以使用Unity自带的精灵切割，要将纹理类型改成”Sprite“，”Sprite Mode”改成”Multiple“，”Format”改成”Truecolor
Unity3d插件NGUI拓展修改——简单实现反向九宫格拉伸UISprite
qq_21125279的博客
05-31 1059
最近这段时间在公司负责开发新手指引功能，要实现一个铺满屏幕的黑底中只露出一个可操作的圆形的显示效果，考虑到这个圆形可能出现在屏幕的任何位置，如果想确保铺满屏幕的话需要使用的图片将会很大，为了实现这么一个显示效果使用这么大的图集资源显然是不可取的。所以我们开始使用的是一张有圆形空洞的矩形图片加上四张拉伸放大的黑色图片拼接出这个效果，但是当打包到手机平台时图片间的边缘会出现很明显的缝隙，显然不是我们想...
unity3d sprite editor 九宫格不起作用的解决办法!
Lucky Dog's Zone
12-08 2290
解决办法:查看自己的canvas上的canvas Scaler 的上图参数是否为100. 原因,同事协同开发,不知道是哪位误修改了,此处的值,由默认的100改成了0,导致九宫格的失效; 充分利用sprite九宫格可以大大节省资源,比如系统中各种需要边框为圆角的效果, 只需要出一个10*10的圆角,图片,九宫格切图后,不管button还是对话框bg,都可以使用这个,不至于使用大图，使得内存占用过大; ...
【游戏开发工具】Unity将Slice分割后的Sprite图分离成多张小图单独保存成文件（关键字：SplitTexture、TextureImporter、SpriteMetaData）
linxinfa的专栏
03-16 6800
文章目录一、前言二、操作步骤1、图片格式设置2、Slice切割3、SplitTexture脚本4、执行菜单命令三、结束 一、前言 有时候，我们需要将一张大图分离成多张小图单独保存成文件。比如下面这张图，我只想要第一只小鸟的图。 我们可以利用Unity的TextureImporter类的spritesheet成员获取到每个小图的信息，然后再分别保存成小图文件即可。 二、操作步骤 1、图片格式设置 将图片导入Unity中，格式设置为Sprite (2D and UI)，将Sprite Mode设置为Multi
Unity核心——2DSprite
最新发布
2401_83430690的博客
10-05 637
简单：面对缩放，直接拉伸切片：面对缩放，按照九宫格设置的中心拉伸，边缘保持。就是渐变的半透明图的显示门槛就是大于等于下面的，小于上面的图层就显示创建空物体，挂载Sorting Group组件，然后就可以比较方便的整体分组。
Unity基础篇：Unity2D图集（1）：Unity自动裁剪（Slice）图片无效的解决办法。
设计师养成记
07-15 1万+
在设计2D游戏的时候，我们往往需要对一个图集进行剪裁来制作动画，但是，有时候Unity的Automatic Slice不能剪裁，得到的仍然是一张图片，而不是我们想要的一个个分割好的图集。 举个例子。 我想把这张图裁成一个个的小图，首先要把Inspector面板的Sprite模式选为Multiple，然后点击Sprite Editor 我们点击Slice，可是他还是一张整图，我重装...
unity的九宫格切割
weixin_44453949的博客
02-22 7253
我们新建Button，然后我们需要一张图片 修改图片类型如下： Editor GUI and Lagacy GUI适用于ngui，而Sprite适用于ngui 然后点击Sprite Editor，如果首次操作会报错，请按如下操作： 点击Package Manager-》将package ：改为Unity Registry下载2d Sprite即可 将九宫格的上下左右四条线拉成如下图： 原理：左下、左上、右上、右下代表缩放不变的区域，而缩放仅改变1-4的4块区域。 这样可以保证缩放时，4个角不变形，然
【 unity3d】NGUI学习之Sprite精灵
liaosheng：）
06-25 1139
NGUI的学习方法一般是通过一个一个测试看其效果来理解，一些属性也可以根据英文名字大致看出作用 而且有些属性如：Gradient、Color Tint、Widget、Anchors、其他NGUI类型都有的 所以这里主要介绍Sprite的特性 一：导入创建Sprite     二：获取图集Altas，右边Edit图集，一般不用，修改挺麻烦      三：获取一张Sprite 四...
NGUI九宫格反向切割拉伸
随风吹笛
07-06 2808
项目中有个新手引导，要求做一个圆圈，中间透明，四周黑色，取一定的Alpha值，由于游戏设定分辨率为1136*640，只是一个圆圈，如果使用大图的话未免浪费，而且由于新手引导是有策划配置修改，用大图的话也不是很灵活，一开始想到使用小图拼接加Anchor的方式，拼出来后电脑上一看，还不错，导包，放到手机上，各种缝隙没办法，此路不通，换个思路吧。想到了NGUI中的九宫格切割sliced，想想自己可不可以这
Unity3D开发（四）：NGUI纹理九宫格拉伸
热门推荐
oneRain88的专栏
10-10 2万+
不论是游戏中的UI，还是应用中的UI，纹理九宫格拉伸都是必不可少的，因为采用这种拉伸方式，可以最大化的节省纹理资源，还能保证良好的表现效果！ 1.原理 把纹理用4条线分割成9部分（如上图），通过观察可以发现，5是最规则的形状（矩形），其次是2,6,8,4（矩形，但是和四个角有公共边），最后是四个角1,3,9,7（圆角矩形） 规则的图形在拉伸之后的效果是比较好的，如果是
unity NGUI (基础组件篇）
qq_43682233的博客
05-10 3091
unity NGUINGUI简介三大基础组件功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 NGUI简介 第一次写博客 为了更牢固的记住知识 保存知识 知识源于泰克在线 唐老狮 相关课程 有错误欢迎指出 据我知道的只做简单介绍：是
Unity九宫格切割图片 2D Sprite
qq_45626507的博客
03-20 6759
Unity九宫格切割图片 2D Sprite
NGUI学习笔记 - 1 九宫格
weixin_30650039的博客
11-08 454
我对九宫格的理解：九宫格是将一张图分为9个部分，在拉伸的时候针对这9个部分进行不同的拉伸处理。 图1-1 九宫格 - 说明 如图1-1所示，顶点1、3、7、9所在的位置在拉伸时不会受到任何影响，2、8位置将进行水平拉伸，4、6位置会进行垂直 拉伸，5位置是正常拉伸。NGUI的Sprite自带了九宫格的处理,使用起来也很方便～～ ...
Unity中的UI九宫格
张不无的博客
03-21 5541
9宫格
unity-切割精灵图集
uuuranuu的博客
04-06 1791
切割图集：选中一张精灵图片资源，将SpriteMode从single改为mutiple，可制作成图集，点击SpriteEditor可进行。切割有三种形式：自动，按像素切割，按行列切割。
unity九宫格
weixin_43333566的博客
01-05 1318
九宫格 中心的区域会被拉伸的(四方拉伸) 四角的区域会保持不变的 中间的区域分别做上下和左右的拉伸 下图就是设置完成后的效果 图片没有变得模糊不清楚，不损失像素，打开九宫格编辑的正确姿势，首先在Project面板选中需要进行修改的图片，然后在Inspect面板选中Sprite Editor就出现了界面，在完成后点击Apply就可以了。 这个时候图片变成了九宫格的模式，在进行复制一个当前的图...
Unity 2D精灵分割图片注意事项
dst0011的博客
08-29 4366
Unity 使用2D精灵分割图片注意事项
Unity 踩坑记录 将Image 的 Image Type 设置成 sliced 不显示图片
qq_41862125的博客
12-24 448
检查 image 自身的 pixels per Unity multplier 的值 和canvas reference pixels per 的值（默认100）将Image 的 Image Type 设置成 sliced 不显示图片。
unity Sprite Editor九宫格原理
05-14
好的，我现在需要帮助用户理解Unity中Sprite Editor的九宫格原理及使用方法。根据用户的问题，我需要结合之前的引用资料来组织回答。首先，九宫格的主要目的是处理图片拉伸时的变形问题，特别是UI元素。引用4提到，...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值