【Unity】UI九宫格

最新推荐文章于 2024-10-31 18:18:56 发布

张不无-Unity

最新推荐文章于 2024-10-31 18:18:56 发布

阅读量3.7k

点赞数 8

分类专栏： Unity 程序设计文章标签： ui

本文链接：https://blog.csdn.net/qq_30144243/article/details/136902393

版权

本文介绍了九宫格布局在UI设计中的应用，包括其定义（UI分为9个可拉伸区域），如何在SpriteEditor中操作以实现切割和调整拉伸效果，以及通过不规则图进行演示的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是九宫格？

顾名思义，九宫格就是指UI切成9个格子，9个格子可以任意拉伸。
1、3、7、9不拉伸。
2、8水平拉伸。
4、6垂直拉伸。
5既可以水平也可以垂直拉伸。

在这里插入图片描述

怎么切九宫格？

选中图片，改成Sprite模式，点击Sprite Editor
在这里插入图片描述四个绿点围起来的框就是九宫格，可以任意拖动
拖动如图，也可以输入数值直接修改

切割演示

①为了方便演示，替换成一个不规则的图，我们先只要左边拉伸
在这里插入图片描述图片类型要修改成Sliced

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

张不无-Unity

关注关注

8
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

unity 设置图片九宫格_Unity UGUI – Image组件

weixin_39624461的博客

12-21

3071

本文提供全图文流程，中文翻译助力快速掌握UnityUGUI中 Image组件的使用为初学者节省宝贵的时间，避免采坑！Chinar —— 心分享、心创新！我们的初衷是将一种简单的生活方式，带给世人使有限时间具备无限可能!Chinar教程效果：@全文高清图片，点击即可放大观看(很多人竟然不知道)1Presentation —— 介绍Image 组件是 UGUI 中最常用的组件。作用：控制/显示图片1...

Unity-ugui-扩展Image组件Filled模式支持九宫格

CrisFu的博客

08-26

4514

开发过程有个很常见的需求：进度条的进度变化是裁剪的方式显示。很好实现，Image的IamgeType选择Filled模式即可。但是呢，Filled模式不支持九宫格，即我们进度条显示要多长，就需要出多长的资源，这样子就会导致资源量很大。本文主要是让Filled模式支持九宫格。......

参与评论您还未登录，请先登录后发表或查看评论

C#课程设计—基于Unity的九宫格拼图游戏.zip

07-04

Unity UGUI 九宫格

别人家的思维

09-14

2314

九宫格的两个条件 1.转成Sprite格式 2.编辑九宫格 自定义九宫格完成后需要保存 3.Image组件设置为sliced模式根据绿色顶点拉伸自定义九宫格 下面是效果图

unity3d UGUI九宫格纹理拉伸的使用

热门推荐

RainsSoft

01-07

5万+

本篇文章我们来学习下在unity new ui即UGUI九宫格纹理拉伸的使用，不论是游戏中的UI，还是应用中的UI，纹理九宫格拉伸都是必不可少的，因为采用这种拉伸方式，可以最大化的节省纹理资源，任意缩放图片还能保持一个不错的效果，因此在手游和app中用的较多。我们先学习下九宫格拉伸的原理先，如下图所示！ 1.原理把纹理用4条线分割成9部分（如上图），通过观察可以发现，5是最规则的形状（矩

Unity学习笔记——UI九宫格的原理

m0_52058484的博客

02-16

3614

UI九宫格的深入理解

Unity UGUI 九宫格屏幕适配

01-05

Unity UGUI 九宫格屏幕适配

[UnityUI]九宫格在游戏中的使用

宏哥的博客

03-30

1万+

参考链接：http://blog.csdn.net/onerain88/article/details/12587301 九宫格的主要目的是处理图片拉伸效果，我们知道图片一旦被拉伸，它就会出现形变、模糊等问题，但是，有的图片它的某一些部分又是允许被拉伸的。例如，一个UI背景框，它的中间部分几乎是一个纯色，允许被拉伸(纯色被拉伸不会发生质量问题)，但是，边缘的4个角可能有一些特殊花纹或者倒

Unity 九宫格

Lost_the_wind的博客

04-09

949

unity使用图片九宫格

unity UGUI 九宫格 拉伸

qq_37524903的博客

11-09

3201

1.sprite Mode :选择 Multiple ，点击 Apply，如下图： 2.点击 sprite Editor,调节合适的值即可。 3. 修改Image的 ImageType 选项： Simple

unity UI九宫格

08-21

- *1* *3* [Unity学习笔记——UI九宫格的原理](https://blog.csdn.net/m0_52058484/article/details/129057073)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...

使用九宫格算法在unity中实现无限地图

wangluofashaoyou的博客

08-28

2391

地图，一个大型的游戏不可或缺的一部分，有的游戏内容比较丰富，相对来说，他的地图就会比较大，那么，把一整块地图和资源全部加载到游戏场景中显然是行不通的，一是浪费渲染的性能，二是全部加载出来也会造成游戏运行内存过大，达到一定阈值就会造成游戏闪退，甚至直接死机，所以，动态加载地图就成了一个大型的游戏不可缺少的一部分，就像市面上的一些3A大作，例如：GTA5、荒野大镖客、古墓丽影等等大型3A大作，玩法丰富，内容多样，像这样的游戏，必须使用动态加载地图，所以，我们今天就来实现一下在unity中动态加载地图。

【Unity-工具】裁剪九宫图片

最新发布

wangwuyi06的博客

10-31

727

九宫图，优化，裁剪

Unity实现自适应屏幕大小——九宫格

樽酒的博客

01-01

7528

我们在切换分辨率的时候图片不会随着分辨率进行缩放，或者想要缩放的位置和我们想象的位置不一样，这个时候就可以用屏幕自适应，会根据我们设置的位置进行缩放，也就是九宫格缩放。首先用到九宫格缩放，先要下载一个unity自带的插件（2D Spirte），下图就是对下再进行一个详细步骤，点击Install之后等待就可以了。下载完之后选中要自适应的图片，按下图的步骤点开Sprite Editor。进去之后会看到图片四个边界有小绿点，点击拖拽就可以设置，也可以在红框标记的地方输入具体数字，都可以达到最终效果。（首

【unity】快速了解游戏制作流程-制作九宫格简单游戏demo

QiHai的博客

10-05

5306

本篇我会简单的记录一下游戏流程并且简单上手一个通过九宫格移动到指定位置的小游戏

unity3d 4.6 新UI九宫格

u014313341的专栏

11-26

1496

大家好，好些天没有更新博客了，今天，小弟跟大家分享一下新UI的九宫格 首先导入资源图片，点击导入的资源看见红色方框了吗，嘎嘎没错，选择类型为Sprite （2D and UI）之后，点击 Sprite Editor 看见了吗，是不是很熟悉，嘎嘎，直接设置值就可以了，四个方向的然后用到的时候选择Image Type 为Sliced就好了哇咔咔好啦今天就

Unity3D 九宫格地图加载逻辑详解

Thomas_YXQ的博客

02-18

1279

Unity3D是一款强大的游戏开发引擎，拥有丰富的功能和工具，可以帮助开发者快速构建出各种类型的游戏。在游戏开发中，地图加载是一个非常重要的环节，九宫格地图加载是一种常用的地图加载方式，可以有效地提高游戏性能和优化地图加载效果。本文将详细介绍Unity3D中九宫格地图加载的逻辑和实现方法。对惹，这里有一个游戏开发交流小组，希望大家可以点击进来一起交流一下开发经验呀一、九宫格地图加载逻辑九宫格地图加载是一种将地图划分为九个格子，只加载玩家周围的格子和相邻格子，而不加载整个地图的加载方式。

iOS开发-UI-应用管理实现九宫格界面

Walden_tinghou的专栏

09-28

1225

1.实现如下界面，程序运行结果如图所示： 2.实现步骤 1.功能分析以九宫格的形式展示应用信息点击下载按钮后，做出相应的操作 2.步骤分析加载应用信息根据应用的个数创建对应的view 监听下载按钮点击 3.九宫格算法分析 4.采用技术 UIView的常见属性和方法 九宫格计算方法字典转模型 Xib的使用自定义view（vie

indesign选中不了图片删除_PPT怎么制作九宫格图片？让你的PPT与众不同

weixin_39550937的博客

10-26

325

图片在PowerPoint演示文稿有着举足轻重的作用，如果只是单纯的插入图片，那么你的PPT显得有些单调乏味，大众化的作品很难让人眼前一亮。今天一起来制作一张九宫格图片，给你的PPT添砖加瓦。第一步首先，添加第一张幻灯片后，删除幻灯片中所有文本框（或者将版式设置为空白），在插入选项卡插图功能区中，点击形状，在下拉菜单中选中矩形。然后，在编辑区域幻灯片中，绘制一个长方形或正方形。最后，选中这个矩形，...