【Unity】UI九宫格

admin • • 5G

什么是九宫格？

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

在这里插入图片描述

怎么切九宫格？

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

切割演示

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

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>