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

最新推荐文章于 2024-08-01 10:00:15 发布
最新推荐文章于 2024-08-01 10:00:15 发布
阅读量937 收藏 1
点赞数
分类专栏： Unity NGUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BuladeMian/article/details/115264987
版权
Unity 同时被 2 个专栏收录
861 篇文章 34 订阅
订阅专栏
NGUI
56 篇文章 0 订阅
订阅专栏
本文指导如何在游戏开发中选择Type为Sliced，并详细解释了如何通过点击NGUISprite的Sprite旁边的Edit按钮来配置和调整精灵的显示效果。这涉及到Unity UI系统中的界面元素优化和自适应设置。
摘要由CSDN通过智能技术生成

 

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

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

 

BuladeMian
关注
专栏目录
【 unity3d】NGUI学习之Sprite精灵
liaosheng：）
06-25 1017
NGUI的学习方法一般是通过一个一个测试看其效果来理解，一些属性也可以根据英文名字大致看出作用 而且有些属性如：Gradient、Color Tint、Widget、Anchors、其他NGUI类型都有的 所以这里主要介绍Sprite的特性 一：导入创建Sprite     二：获取图集Altas，右边Edit图集，一般不用，修改挺麻烦      三：获取一张Sprite 四...
Unity3d插件NGUI拓展修改——简单实现反向九宫格拉伸UISprite
qq_21125279的博客
05-31 910
最近这段时间在公司负责开发新手指引功能，要实现一个铺满屏幕的黑底中只露出一个可操作的圆形的显示效果，考虑到这个圆形可能出现在屏幕的任何位置，如果想确保铺满屏幕的话需要使用的图片将会很大，为了实现这么一个显示效果使用这么大的图集资源显然是不可取的。所以我们开始使用的是一张有圆形空洞的矩形图片加上四张拉伸放大的黑色图片拼接出这个效果，但是当打包到手机平台时图片间的边缘会出现很明显的缝隙，显然不是我们想...
unity3d sprite editor 九宫格不起作用的解决办法!
Lucky Dog's Zone
12-08 1939
解决办法:查看自己的canvas上的canvas Scaler 的上图参数是否为100. 原因,同事协同开发,不知道是哪位误修改了,此处的值,由默认的100改成了0,导致九宫格的失效; 充分利用sprite九宫格可以大大节省资源,比如系统中各种需要边框为圆角的效果, 只需要出一个10*10的圆角,图片,九宫格切图后,不管button还是对话框bg,都可以使用这个,不至于使用大图，使得内存占用过大; ...
Unity基础篇：Unity2D图集（1）：Unity自动裁剪（Slice）图片无效的解决办法。
设计师养成记
07-15 1万+
在设计2D游戏的时候，我们往往需要对一个图集进行剪裁来制作动画，但是，有时候Unity的Automatic Slice不能剪裁，得到的仍然是一张图片，而不是我们想要的一个个分割好的图集。 举个例子。 我想把这张图裁成一个个的小图，首先要把Inspector面板的Sprite模式选为Multiple，然后点击Sprite Editor 我们点击Slice，可是他还是一张整图，我重装...
NGUI UISprite组件：精灵渲染
最新发布
Unity打怪升级
08-01 731
在Unity的NGUI（Next-Gen UI）系统中，UISprite是一个用于显示2D精灵图像的组件，它是构建2D用户界面和游戏元素的重要工具。UISprite不仅支持基础的2D图像显示，还能够实现复杂的精灵动画和效果。本文将深入探讨UISprite的用途、特性以及如何在Unity项目中使用它。
unity-切割精灵图集
uuuranuu的博客
04-06 1352
切割图集：选中一张精灵图片资源，将SpriteMode从single改为mutiple，可制作成图集，点击SpriteEditor可进行。切割有三种形式：自动，按像素切割，按行列切割。
UGUI精灵图片实现图片裁剪
weixin_34075268的博客
10-13 345
NGUI中精灵图片可以经过剪切将图片剔除没用的部分，然后图片拉伸时就会避免图片边缘被拉伸的问题。如图，剪切前可以看出随着button图片的拉伸，该图片边缘白色部分越来越大，而我们是不想看到的。利用剪切处理之后。如图 剪切后接下来 我们看一下具体实现方法首先在工程面板选中图片，之后在检视面板将其类型(Texture Type)改为sprite(2D and UI).然后选中S...
[NGUI]NGUI中的九宫格切图模式
danee的博客
01-07 1498
选择UISprite中的Type切换Sliced模式即切片模式，可以保证我们UI图片四个角不进行拉伸 然后点击右上角的Edit，进入我们切图视图 接下来我们可通过改变Border中的数值，改变数值时候可以通过下方UICommonAtlas窗口实时查看切线的位置，限定了我们四个角的变形区域，最后我们调整结束后，直接点击hierarchy中其他物体就会自动保存切换到之前的属性面板。这种方式...
【游戏开发工具】Unity将Slice分割后的Sprite图分离成多张小图单独保存成文件（关键字：SplitTexture、TextureImporter、SpriteMetaData）
linxinfa的专栏
03-16 5115
文章目录一、前言二、操作步骤1、图片格式设置2、Slice切割3、SplitTexture脚本4、执行菜单命令三、结束 一、前言 有时候，我们需要将一张大图分离成多张小图单独保存成文件。比如下面这张图，我只想要第一只小鸟的图。 我们可以利用Unity的TextureImporter类的spritesheet成员获取到每个小图的信息，然后再分别保存成小图文件即可。 二、操作步骤 1、图片格式设置 将图片导入Unity中，格式设置为Sprite (2D and UI)，将Sprite Mode设置为Multi
NGUI九宫格反向切割拉伸
随风吹笛
07-06 2677
项目中有个新手引导，要求做一个圆圈，中间透明，四周黑色，取一定的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（圆角矩形） 规则的图形在拉伸之后的效果是比较好的，如果是
Unity3D 界面插件 NGUI基础带图详解
08-08
Unity3D是一款强大的游戏开发引擎，而NGUI（Next-Generation User Interface）是Unity3D中的一款界面插件，用于创建复杂且高效的2D用户界面。这篇带图详解的教程旨在帮助初学者掌握NGUI的基础知识，从创建界面到添加...
Unity 2D精灵分割图片注意事项
dst0011的博客
08-29 3988
Unity 使用2D精灵分割图片注意事项
Unity 导出切片精灵过程浅析
feixiangdixiaoniao的专栏
01-28 837
假设有一张png/tga图集，导入到Unity，放置目录”Assets/Resources/UI”（UI文件夹可替换成其他的，重要的是要在”Assets/Resources/”路径下），默认为如下设置：   为了可以使用Unity自带的精灵切割，要将纹理类型改成”Sprite“，”Sprite Mode”改成”Multiple“，”Format”改成”Truecolor
NGUI学习笔记(四).Sprite的Sliced类型与解决拉伸模糊的问题
Coco_cock的博客
05-11 760
当需要将图片放大时，使用默认 的Simple类别可能会使变得模糊不清 这时就需要使用Sliced模式对其进行优化 Simple模式拉伸后效果 Sliced模式拉伸后效果 那么，如何使得切割后图片不模糊呢 1.将Sprite的type选择为Sliced 2.然后点击图片后的edit 然后会出现以下布局 设置Border布局，线朝外的区域表示不参与拉伸，Left和Right X轴向不参与横向拉伸...
关于切九宫的小坑
qq_37898899的博客
05-05 169
Sprite Mode设置为Multiple时可以把一张图片上的多个图片切开成多个子图。 ⚠️注意：Sprite的名字会改变，所以加载图集的时候加载不出来。
unity 设置图片九宫格_Unity UGUI – Image组件
weixin_39624461的博客
12-21 2900
本文提供全图文流程，中文翻译助力快速掌握UnityUGUI中 Image组件的使用为初学者节省宝贵的时间，避免采坑！Chinar —— 心分享、心创新！我们的初衷是将一种简单的生活方式，带给世人使有限时间 具备无限可能!Chinar教程效果：@全文高清图片，点击即可放大观看(很多人竟然不知道)1Presentation —— 介绍Image 组件是 UGUI 中最常用的组件。作用：控制/显示图片1...
unity九宫格切割
09-04
要Unity中进行九宫格切割，首先需要将需要切割的图片导入Unity项目。然后，将图片的纹理类型（Texture Type）改为Sprite（2D and UI），并将Sprite Mode（精灵模式）改为Multiple（多个）。接下来，点击Sprite Editor（精灵编辑器）进行切割。你可以点击Slice按钮，在图片上划定切割区域。你可以切割多次，直到满足你的需求。切割完成后，点击Apply（应用）保存并关闭Sprite Editor。你可以在项目中使用这些切割后的图片。你可以将它们直接应用到你的场景中，或者将它们存储在字典中以便后续使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [C#课程设计—基于Unity的九宫格拼图游戏.zip](https://download.csdn.net/download/weixin_55305220/85897990)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [unity3d 九宫格切割以及如何获取切割完的图片](https://blog.csdn.net/qq_57896821/article/details/121006835)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [unity的九宫格切割](https://blog.csdn.net/weixin_44453949/article/details/113951150)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值