美文网首页
九宫格算法

九宫格算法

作者: 最美时光A | 来源:发表于2018-10-05 12:13 被阅读0次

像这样的九宫格的元素位置的算法,还是比较简单的,下面就来分析一下:

九宫格算法

三行三列的九宫格的每一个元素的位置的算法:

编号为0的元素,位于第0行,第0列

编号为1的元素,位于第0行,第1列

编号为2的元素,位于第0行,第2列

编号为3的元素,位于第1行,第0列

编号为4的元素,位于第1行,第1列

编号为5的元素,位于第1行,第2列

编号为6的元素,位于第2行,第0列

编号为7的元素,位于第2行,第1列

编号为8的元素,位于第2行,第2列

观察就会发现

元素的行号 = 编号 / 列数

元素的列号 = 编号 % 列数

假设一个元素的 宽 高  水平间距 垂直间距

width = 70

height = 90

colMargin = 10

rowMargin = 10

红色View的宽是bigW,高是bigH

那么就可以得出:

X = 列号 * (width + colMargin)

Y = 行号 * (height + rowMargin)

那么元素的frame = CGRectMake(x, y, width, height);

元素的宽、高可以根据红色背景的宽和高、还有水平间距和垂直间距和列数和行数算出,同样的间距也是可以算出来的。

相关文章

  • 九宫格算法

    像这样的九宫格的元素位置的算法,还是比较简单的,下面就来分析一下: 九宫格算法 三行三列的九宫格的每一个元素的位置...

  • UI基础(二)—— 应用管理

    先介绍几个九宫格小算法算法 计算行索引NSInteger rowIndex = i / kColumn; 计算列索...

  • js基础第四天

    01.设置字符翻转以及移动到不同行上显示不同的颜色 02.九宫格算法的分析 03.九宫格算法的分析以及实现 04....

  • iOS手势解锁

    ------------- 基本思路 -------------- 搭建界面,九宫格算法 处理按钮选中状态 按钮之...

  • OC小结

    禁止第三方输入键盘 行数算法 九宫格算法 处理连点 IMP类型(就是实现方法) 来源:UITableView-FD...

  • 九宫格算法

    九宫格算法思路 利用索引(index)计算列号(column number)和行号(row number)。 利用...

  • 九宫格算法

    //九宫格算法。 /* 计算步骤 1,确定每个app的宽和高 2,计算marginX,marginY, margi...

  • 九宫格算法

    九宫格 分页公式

  • iOS九宫格布局

    本文要跟大家分享的是一个简单九宫格算法,可以帮你自动计算间距,对控件(Button/Label/imageView...

  • 描述九宫格算法

网友评论

      本文标题:九宫格算法

      本文链接:https://www.haomeiwen.com/subject/fniggftx.html