SpriteRender 九宫格缩放（图文）

最新推荐文章于 2025-03-06 14:24:40 发布
最新推荐文章于 2025-03-06 14:24:40 发布
阅读量2.3k 收藏 2
点赞数 1
分类专栏： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Roadlun/article/details/107032941
版权

本文讲解用SpriteRender 怎么做九宫格缩放。

1.设置texture 的MeshType 为FullRect

2.打开SpriteEditor，从图片的最上方，最下方，最左，最右，可以拖拽出四条边界线，拖拽成如图所示。如图，图片被划分成了九个格子，其中四个角的格子是不会被拉伸的

3.设置SpriteRender的DrawMode为Sliced（注意将图片拖到SpriteRender里才会出现DrawMode选项），设置Size的Width和Height选项即可缩放SpriteRender

效果如图所示，除非缩小到极限，否则怎么拉伸，四个角都不会变形

 

Qt使用九宫格原理缩放图片
草上爬的博客
11-29 1万+
9宫格缩放规则如下： 1、将一张图分割成9块 2、四个角(1、3、7、9)在缩放的时候是保持大小不变 3、图块2、8仅当宽度变化时缩放宽度 4、图块4、6仅当高度变化时缩放高度 5、图块5当图片大小发生变化，宽度和高度都进行缩放.........
unity 设置图片九宫格_unity学习5_UGUI_Image_Sprite(2D_and_UI)
weixin_39950552的博客
12-21 1478
unity学习5_UGUI_Image_Sprite(2D_and_UI)(1)Source Image:资源文件Unity的image组件需要的Source Image类型为Sprite类型,首先我们需要设置图片资源类型为Sprite.在rescouces目录里找到我们需要设置的图片,然后单机图片资源,修改TextureType类型为Sprite类型.然后Apply生效.这样我们就可以拖动到i...
【Unity】2D Sprite九宫格（NineSliced）
RICKShaozhiheng的专栏
12-13 6249
支持新的2D系统的Unity会在2017年发布，届时会发布九宫格，TileMap等强大的2D特性，不过现在能用的只是alpha版而已，很多功能做得还不够好，接口也不完善，实际开发也比较鸡肋，所以自己写了一个2D九宫格，具体逻辑什么的有空再写，先贴下载地址:http://download.csdn.net/detail/rickshaozhiheng/9709900
Unity场景内Sprite Renderer全屏适配等比缩放
最新发布
Unity游戏开发
03-06 160
代码如下，挂在物体上即可。
Swift - 九宫格图片缩放总结样例
weixin_34364071的博客
09-26 208
1，图片左中右三宫格缩放形式 //左右14像素不变形，中间缩放 let imgTrackRight = UIImage(named:"slider_max") let imgRight = imgTrackRight!.stretchableImageWithLeftCapWidth(14, topCapHeight:0) slider.setMaximumTrackImage(im...
九宫格放缩算法
xles11的博客
11-09 1134
参考别人的代码实现了一个QImage版，这个版本较QPixmap版修了几个bug，而且最后是使用拼接的方式合成图片，而不是使用QPainter，这样带来的好处就是最后合成的图片效果更好 原理： 9宫格缩放规则如下： 将一张图分割成9块 四个角(1,3,7,9)在缩放的时候是保持大小不变 图块2，8仅当宽度变化时缩放宽度。 图块4，6仅当高度变化时缩放高度。 图块5当图片大小发生变化，宽度和高度都进行缩放。 QImage NinePatch(const QImage& srcImg, int i
九宫缩放scale9Grid
AS3
02-24 749
一、API中关于九宫缩放scale9Grid的介绍 1、当定义flash.display.DisplayObject的scale9Grid:Rectangle属性时，该显示对象被分割到以scale9Grid矩形为基础的具有九个区域的网格中。网格的其它八个区域如下：矩形外的左上角、矩形上方的区域、矩形外的右上角、矩形左侧的区域、矩形右侧的区域、矩形外的左下角、矩形下方的区域、矩形外的右下角，可以认...
Android进行九宫格缩放
xxbs2003的专栏
07-30 1279
Android进行九宫格缩放   2012-04-22 21:50:32|  分类： Android |  标签： |字号大中小 订阅 import android.R.integer; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android
Sprite Renderer
oLingXi12的博客
11-06 2112
深度解析unitySprite Renderer组件，如果你觉得不错，不妨点个赞哦..... The Sprite Renderer is very important component to use when developing 2D projects as it determines how the given Sprite is rendered. It’s an essential...
九宫格笔记
HzjCsdn的博客
10-29 637
9宫格缩放规则如下： 1、将一张图分割成9块 2、四个角(1,3,7,9)在缩放的时候是保持大小不变 3、图块2，8仅当宽度变化时缩放宽度。 4、图块4，6仅当高度变化时缩放高度。 5、图块5当图片大小发生变化，宽度和高度都进行缩放。 实现原理 正常情况，我们把一张矩形图片显示在窗口中，只需要发送四个顶点的信息和一张纹理，GPU会根据我们发送的顶点对显示对象进行光栅化，产生更多的像素，然后着色显示出来，我们的顶点信息除了包含顶点的位置，还有顶点的uv坐标，GPU在光栅化的时候，会进行插值来计算所有像素的u.
u3d里面Sprite九宫格设置
weixin_33912638的博客
02-15 606
u3d里面Sprite类型为sliced时，边框是不会被拉伸的，可以通过设置边框的大小达到九宫格的目的 转载于:https://blog.51cto.com/568464209/1742331
unity UGUI 九宫格 拉伸
qq_37524903的博客
11-09 3199
1.sprite Mode :选择 Multiple ，点击 Apply，如下图： 2.点击 sprite Editor,调节合适的值即可。 3. 修改Image的 ImageType 选项： Simple
【Unity】SpriteRender实现环形进度条效果
qq_41789645的博客
11-06 1145
由于项目限制，只能用SpriteRender来实现环形进度条的效果。所以用Shader
Unity2D UI拼接——Sprite图片部分縮放
weixin_43842987的博客
04-25 1110
在缩放图片时，只需要放大中间局部的部分，而不需要缩放侧边时，通过Sprite操作完成 1.找到需要缩放的图片，进入Inspector界面 2.点击Sprite Editor 3.选中需要缩放的部分，点击Apply应用 4.把在调用该图片的Image组件中的Image Type选择到Sliced即可 ...
[Unity] Unity Sprites：SpriteRenderer 与 CanvasRenderer（UI 图像）
unity尧明的博客
10-24 6482
下次你在使用sprite时，请考虑以下问题。如果你只有几个sprite，使用你喜欢的任何东西。如果你有成百上千的精灵，请重读本帖。使用 profiler 和 frame debugger 来了解正在发生的事情。避免使用透明度。如果你的预算允许，可以尝试用不透明的替代品来取代精灵。避免在屏幕上渲染大的sprite，因为会发生更多的overdraw。你可以在场景视图中通过选择 overdraw 作为渲染模式来轻松检查 overdraw 问题。这对粒子系统至关重要。
Unity SpriteRender和Image的区别
菜鸟的学习历程
06-27 2490
Image组件 渲染 基于CanvasRender和Image组件进行渲染 默认材质渲染队列为Transparent Geometry，开启模板测试，渲染顺序是基于Canvas的Order In Layer层级，由Canvas逻辑进行管理 默认的渲染网格为正方形，更多的片元着色器操作 可以实现基于图集打包和网格数据合并，在此Canvas下实现实现渲染批处理 交互 检测逻辑 根据Unity层级面板顺序把Image组件加入队列，通过UGUI的EventSystem的Update来每帧遍历所有Canva
Unity SpriteRender 和Image的区别
热门推荐
冰块药丸的博客
12-11 1万+
1. 首先，spriterender是sprite显示图片需要的组件，通常来说sprite应该是transfrom，也就是世界坐标，而image被归类为UI组件，使用的是recttransfrom，使用UI坐标。 2.spriterender（以下简称sr）控制大小是使用scale，也可以将sr的DrawMode改为Sliced，修改其width和height调整大小。而image除了可以用
【Unity2d】Sprite Renderer精灵渲染器
樱花不再在海棠湾涮羊肉
11-03 4313
Sprite Renderer组件介绍
Unity核心2——Sprite
weixin_53163894的博客
06-19 5632
​ 我们可以利用 Sprite Editor 的多边形工具创造出各种多边形，Unity 也为我们提供了现成的一些多边形，它的主要作用是 2D 游戏的替代资源。​ 打开 Sprite Editor，可看见如下界面。​ 当我们的图片资源是图集时，我们需要在设置时将模式设置为 Multiple，这时我们可以使用 Sprite Editor 自带的功能进行图集元素分割。​ Sprite Mask 是精灵遮罩的意思，它的主要作用就是对精灵图片产生遮罩，制作一些特殊的功能，比如只显示图片的一部分让玩家看到。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值