9宫格缩放规则如下:
1、将一张图分割成9块
2、四个角(1,3,7,9)在缩放的时候是保持大小不变
3、图块2,8仅当宽度变化时缩放宽度。
4、图块4,6仅当高度变化时缩放高度。
5、图块5当图片大小发生变化,宽度和高度都进行缩放。
实现原理
正常情况,我们把一张矩形图片显示在窗口中,只需要发送四个顶点的信息和一张纹理,GPU会根据我们发送的顶点对显示对象进行光栅化,产生更多的像素,然后着色显示出来,我们的顶点信息除了包含顶点的位置,还有顶点的uv坐标,GPU在光栅化的时候,会进行插值来计算所有像素的uv坐标
我们的图片的尺寸和显示对象的尺寸一般是1:1,如果对其放大或者缩小,图像就会出现模糊
放大:就是一个纹理像素要共享给多个顶点
缩小:就是一个顶点要共享多个纹理像素
这里的共享策略有很多种:比如线性过滤,邻近过滤等、
未完待续