UI -02 九宫格

  • 封装思想 :
    将相同的重复东西保存到方法里,不同的东西用参数代替.不同的东西交给方法的调用者,相同的东西自己搞定.
  • 代码样式 :
UI -02 九宫格_第1张图片
01.png

九宫格思路

  • 1.计算每行间距的公式


    UI -02 九宫格_第2张图片
    01.png
  • 2.控件位置分析

UI -02 九宫格_第3张图片
05.png

行号 = 当前的下标 / 总列数
列号 = 当前的下标 % 总列数
总行数 = (总数 + 列数 - 1) /列数

  • 3.控件位置的计算


    UI -02 九宫格_第4张图片
    03.png

你可能感兴趣的:(UI -02 九宫格)