下面这张图是原始大小尺寸,没有做切片处理

UGUI 切片(九宫格)的具体使用


------------------------------------------------------

如果把这幅图横向宽度值加大,就会发现这幅图的左右边缘部分进行了拉伸变形(虚化)

UGUI 切片(九宫格)的具体使用


--------------------------------------------------------


解决办法是,对这张图进行切片处理,在Project面板中选中图片,然后在监视器面板中,点击Sprite Editor打开编辑器,进行切片编辑


UGUI 切片(九宫格)的具体使用


------------------------------------------------------------------

如下图的切片:

UGUI 切片(九宫格)的具体使用

----------------------------------------------------------------------

下面这幅图进行了切片处理,在横向宽度变大时,图的左右边缘就没有进行明显的拉伸变形或虚化

UGUI 切片(九宫格)的具体使用


-----------------------------------------------------------------------

切片(九宫格)原理剖析:

UGUI 切片(九宫格)的具体使用


FR:海涛高软(hunk Xu) QQ技术交流群:386476712

相关文章:

  • 2022-12-23
  • 2021-12-16
  • 2021-08-18
  • 2022-12-23
  • 2021-11-30
  • 2022-12-23
  • 2022-12-23
  • 2021-08-23
猜你喜欢
  • 2022-12-23
  • 2021-07-31
  • 2021-04-07
  • 2021-10-10
  • 2023-03-22
  • 2022-12-23
相关资源
相似解决方案