iOS UI设计---九宫格布局算法
在移动端开发中,我们经常会碰见类似下图的布局---九宫格布局。九宫格布局对于整体的UI设计有着重要的作用。
九宫格布局设计开发中,着重需要确认每个九宫格左上角的位置,也就是坐标。下面,我们以iOS开发为例,通过了解位置确认,来讲解九宫格算法。
在九宫格设计算法中,影响九宫格布局的因素有这几个:列数、行数、行间距、单元格的长宽等。通过观察九宫格的排序,我们可以清晰看出,整个布局就是对单元格进行循环复制,于是可以使用变量i来控制循环的次数,也就是九宫格的个数。接下来,我们将会在循环里面进行九宫格算法设计。
一、计算坐标
iOS开发中,坐标系以屏幕左上角为原点,横向代表X轴,纵向代表Y轴。在九宫格设计中,必须确认每个View的左上角原点的位置(也即坐标)。而坐标需要根据该单元格所处的行和列来确认。
1、行的确认
我们用i(取值:0,1,2,3,4...i)来表示单元格编号,假设每行有kRowNumber(=3