关于如何自动填充空白（UI）

woshiminzi

关于如何自动填充空白（UI）
==============================
      这仅是个人猜测，请以官方为准!
      有问题请及时补充
==============================
这是一个来自原版的可以自动填充的图片

可以看到有一个同名的json：

1. <div>{</div><div>  "nineslice_size": [8,17,8,42],</div><div>  "base_size": [18,61]</div><div>}</div>

复制代码

这就是关键

其中的 base_size 是图片的大小
而 nineslice_size 是要自动填充的坐标(1)

8实际上是从下面这张图这样分的
(2)

17实际上是从下面这张图这样分的


8（第2个）实际上是从下面这张图这样分的


42实际上是从下面这张图这样分的



综合一下



四个角不变

如果大于了就复制金色部分

其他部分同理
看了这篇既可以自己只做了



注
（1） 可以这么看吧
   (2)  图片源于原版!