iOS 实现简单九宫格

通过向mainView添加sunView来模拟实现九宫格数据的添加。

想要实现九宫格,主要在于每个sunView的X,Y值的计算,宽、高自定义即可。

添加sunView的宽和高分别为:vieW,viewH。

Untitled.png

列间距:colMargin,行间距:rowMargin。

X坐标的计算:

由上图可知每个sunView的X坐标为:viewW+colMargin的倍数。

举个:例如1的X的坐标为:0*(viewW+colMargin)。2点X坐标1*(viewW+colMargin)。其他以此类推。

倍数col(系数)的获得:

col = index % cols;index为在mainView中含有的sunView的个数,cols为你所需要实现效果的列数。

说明:当mainView中不含有任何sunView的时候,index的值为零,当他对cols取余的时候余数为零,对应的系数为零,所对应的X值为零,即1的X坐标为0。继续添加,此时已有一个sunView,index的值为1,对cols取余的值为1,此时X值为1*(viewW+colMargin),即2的坐标为1*(viewW+colMargin)。其他以此类推。

NSUIntegercol = index % cols;CGFloatviewX = col * (viewW + colMargin);

Y坐标的计算:

由上图可知每个sunView的Y坐标为:viewW + colMargin的倍数。思想类似于Y坐标的计算,这里不再赘述。

倍数row(系数)的获得:

row = index / cols。

NSIntegerrow = index / cols;CGFloatviewY = row * (viewH + rowMargin);

完整代码地址

Github:iOS-sudoku

你可能感兴趣的:(iOS 实现简单九宫格)