前言
本篇文章仅代表我自己对UI九宫格的理解，如有错误，希望大家指出
原理
九宫格就是指UI切片时的9个格子，9个格子的拉伸原理：1，3，7，9不拉伸；2，8水平拉伸；4，6垂直拉伸；所谓的拉伸其实就是是否发生形变，水平拉伸的意思是只有水平拉伸才产生形变，垂直拉伸不产生形变，其他同理。
下面这张图你知道左边和右边分别代表了九宫格的几号吗？
首先需要说明的是，九宫格的顺序是固定的，也就是九宫格一定是存在的，所以左边在九宫格的顺序是4，右边是5；所以在对UI水平拉伸时只能改变5的形变而垂直拉伸时4和5都会形变，如下两图
总结
UI九宫格是制作UI的关键，UI九宫格本质以是否发生形变为基准，记住九宫格各个格子的作用就能以UI原理不变应对UI万变