1、第一步,图还未放大,原样显示时。
矩形5是centerSlice: Rect指定的矩形,
此矩形的四条边向外延伸,将图切成9块
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
2、第二步,图已经放大,但空白区域还没有填充时。
这时,切开的9个方框,已挪到位,空白区域等待填充。
| 1 | | 2 | | 3 |
| 4 | | 5 | | 6 |
| 7 | | 8 | | 9 |
3、填充空白区域。
1)四个角,1、3、9、7,大小不变。
2)2,左右拉伸,填充1-2,2-3之间的空白。注意,2是拉伸,不是重复。
- 4, 上下拉伸,填充1-4,4-7之间的空白。注意,4是拉伸,不是重复。
- 6,同4。
5)8,同2。
6)5,中间的5,也就是centerSlice指定的矩形,上下左右拉伸,填充中间的空白。
| 1 | 2 | 3 |
| | | |
| | | |
| | | |
| 4 | 5 | 6 |
| | | |
| | | |
| | | |
| 7 | 8 | 9 |
————————————————
这里方块是气泡主体,三角是左上角的拼接,这里方块是48x48