【Unity】UI九宫格

什么是九宫格?

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

在这里插入图片描述

怎么切九宫格?

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

切割演示

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

相关推荐

  1. 微信小程序九宫布局,轮播图

    2024-03-24 16:44:03       47 阅读
  2. 45 对接海康视频九宫的实现

    2024-03-24 16:44:03       17 阅读
  3. 【uni】微信朋友圈图片九宫样式

    2024-03-24 16:44:03       13 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-24 16:44:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-24 16:44:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-24 16:44:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-24 16:44:03       20 阅读

热门阅读

  1. MySQL查询

    2024-03-24 16:44:03       17 阅读
  2. AI 工具能检测到医生未发现的癌症征兆

    2024-03-24 16:44:03       16 阅读
  3. 蓝桥杯基础数论(Python组)

    2024-03-24 16:44:03       19 阅读
  4. python 运算符

    2024-03-24 16:44:03       18 阅读
  5. C语言归并排序的实现

    2024-03-24 16:44:03       19 阅读
  6. web安全之:三种常见的Web安全威胁

    2024-03-24 16:44:03       20 阅读
  7. KeyguardViewMediator的面试题目

    2024-03-24 16:44:03       19 阅读
  8. C++在非面向对象方面的扩充

    2024-03-24 16:44:03       16 阅读
  9. 类与对象\对象的应用

    2024-03-24 16:44:03       20 阅读