iOS：OC九宫格的计算方法

野性酷女 2022-07-29 08:54 246阅读 0赞

//  每一个格子的尺寸
    CGFloat gridWeight = 50; // 每个格子的宽度

CGFloat gridHeight = 70; // 每个格子的高度

// 一行的列数

int cols = 3;

</pre><pre name="code" class="objc">每一行之间的间距

CGFloat rowMargin = 10; //  以上这四个常量，当需要修改九宫格的大小或者数量的时候，只需要改变这4个值，后面的代码不变

</pre><pre name="code" class="objc">// 每一列之间的间距

CGFloat colMargin = (self.gView.framne.size.width - cols*gridWeight) / (cols - 1);

</pre><pre name="code" class="objc">// 每一个格子的索引

NSUInteger index = self.gView.subviews.count;

// 格子的X值

NSUInteger col = index % cols;

CGFloat gridX = col * (gridWeight + colMargin);

// 格子的Y值

<pre name="code" class="objc">NSUInteger row = index / cols;

CGFloat gridY = col * (gridHeight + rowMargin);

// 添加格子进gView;

<span style="font-family: Arial, Helvetica, sans-serif;">gridView.frame = CGRectMake(</span><span style="font-family: Arial, Helvetica, sans-serif;">gridX,gridY,gridWeight,gridHeight</span><span style="font-family: Arial, Helvetica, sans-serif;">);</span>

<span style="font-family: Arial, Helvetica, sans-serif;">[self.gView addSubview:gridView];</span>

<span style="font-family: Arial, Helvetica, sans-serif;">
    </span>

<span style="font-family: Arial, Helvetica, sans-serif;">九宫格的计算方法有很多种，这是其中一种，希望大家可以补充，谢谢！</span>

<span style="font-family: Arial, Helvetica, sans-serif;">刚写的，请斧正！</span>

发表评论取消回复

表情：

评论列表（有 0 条评论，246人围观）

还没有评论，来说两句吧...

相关阅读

相关 css布局 - 九宫格布局的方法汇总

方法一 column： <!DOCTYPE html> <html> <head> <meta charset="UTF-

￡神魔★判官ぃ/ 2023年06月15日 04:59/ 0 赞/ 22 阅读

相关九宫格实现原理

先看图 1.每个格子的flex值设置为1 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

古城微笑少年丶/ 2022年12月28日 05:30/ 0 赞/ 224 阅读

相关九宫格问题

\include <iostream> \include <deque>//STL 双端队列容器 \include<fstream> \include"pos.h"

红太狼/ 2022年08月11日 00:40/ 0 赞/ 253 阅读

相关计算一个九宫格没有右侧的方法

\{ if (counts!= 6) \{ LogUtils::log\_debug("init nineboxsprite Error FBNineBoxType

绝地灬酷狼/ 2022年08月07日 16:44/ 0 赞/ 175 阅读

相关 iOS：OC九宫格的计算方法

// 每一个格子的尺寸 CGFloat gridWeight = 50; // 每个格子的宽度 CGFloat gridHeight = 70; /

野性酷女/ 2022年07月29日 08:54/ 0 赞/ 247 阅读

相关九宫格问题

“九宫格问题”的Java重写思路：左老师对“九宫格问题” 的讲解不是很详细，可能会给很多人雾里看花的感觉。想学习这个问题先要把这个求解口诀翻译成白话文：一居

曾经终败给现在/ 2022年07月24日 10:10/ 0 赞/ 285 阅读

相关计算九宫格解锁的解法和

要求： > 至少经过四个点； > 不能重复经过同一个点； > 路径上的中间点不能跳过（如从1到3一定会经过2）； > 如果中间的点是之前已经用过的，那么这个点就可

爱被打了一巴掌/ 2022年06月18日 10:18/ 0 赞/ 223 阅读

相关九宫格

将数字 1 …9 填入一个 3×3 的九宫格中，使得格子中每一横行和的值全部相等，每一竖列和的值全部相等。请你计算有多少种填数字的方案。分析: 可用dfs(

谁践踏了优雅/ 2022年06月18日 09:13/ 0 赞/ 279 阅读

相关前端九宫格学习

1.第一种方式（float布局），参照大佬代码，重点元素我已标注 <!DOCTYPE html> <html lang="zh" xmlns:th="http

素颜马尾好姑娘i/ 2022年03月01日 09:56/ 0 赞/ 373 阅读

相关九宫格特效

前言此次九宫格牵扯到了节点之间的距离与位置交换其中有几点重要的思想列举如下： 1. 对于随机颜色的添加（1）可以利用\ffffff 十六进制进

小咪咪/ 2022年02月24日 06:16/ 0 赞/ 329 阅读