当前位置:   article > 正文

【Unity】UI九宫格_unity ui 九宫格

unity ui 九宫格

什么是九宫格

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

在这里插入图片描述

怎么切九宫格?

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

切割演示

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/320892
推荐阅读
相关标签
  

闽ICP备14008679号