iOS UI设计---九宫格布局算法

iOS UI设计---九宫格布局算法

在移动端开发中，我们经常会碰见类似下图的布局---九宫格布局。九宫格布局对于整体的UI设计有着重要的作用。

九宫格布局设计开发中，着重需要确认每个九宫格左上角的位置，也就是坐标。下面，我们以iOS开发为例，通过了解位置确认，来讲解九宫格算法。

在九宫格设计算法中，影响九宫格布局的因素有这几个：列数、行数、行间距、单元格的长宽等。通过观察九宫格的排序，我们可以清晰看出，整个布局就是对单元格进行循环复制，于是可以使用变量i来控制循环的次数，也就是九宫格的个数。接下来，我们将会在循环里面进行九宫格算法设计。

  

一、计算坐标

iOS开发中，坐标系以屏幕左上角为原点，横向代表X轴，纵向代表Y轴。在九宫格设计中，必须确认每个View的左上角原点的位置（也即坐标）。而坐标需要根据该单元格所处的行和列来确认。

1、行的确认

我们用i(取值:0,1,2,3,4...i)来表示单元格编号，假设每行有kRowNumber（=3