IOS-九宫格坐标计算

最新推荐文章于 2017-09-10 01:16:00 发布
最新推荐文章于 2017-09-10 01:16:00 发布
阅读量4.5k 收藏
点赞数
分类专栏： IOS 文章标签： IOS UI 九宫格 布局 uiview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/emperorzhi/article/details/45249941
版权

九宫格在IOS中是很常都会用到，所以对于九宫格的算法也就必须要掌握，这方便以后的快速开发。在这里只是简单的实现，如何创建出所需要的视图界面。


一、开发出类似效果



二、分析

注意看每一个uiview的x和y的坐标。

三、实现
1、根据需要创建出九宫格的视图 
- (void)viewDidLoad {
    [super viewDidLoad];

#define kSIZE
最低0.47元/天 解锁文章
快把钟哥带走
关注
专栏目录
IOS自定义UIButton九宫格效果
08-25
本文主要探讨了如何在iOS平台上创建一个自定义的UIButton九宫格效果，这在很多应用场景中都非常常见，如导航菜单、游戏面板等。下面将详细解释实现这个功能的关键步骤和涉及的技术点。 首先，我们要了解九宫格的...
iOS 实现九宫格效果
Suwy say Hello
10-18 1027
与Android不同，iOS自身并不提供Grid控件
iOS开发UI篇—九宫格坐标计算
weixin_34342905的博客
05-23 208
iOS开发UI篇—九宫格坐标计算 一、要求 完成下面的布局   二、分析 寻找左边的规律，每一个uiview的x坐标和y坐标。 三、实现思路   (1)明确每一块用得是什么view (2)明确每个view之间的父子关系，每个视图都只有一个父视图，拥有很多的子视图。 (3)可以先尝试逐个的添加格子，最后考虑使用for循环，完成所有uiview的创建 (4)加载app数据...
九宫格或者其他类型的坐标设置
weixin_30662539的博客
11-06 203
九宫格或者其他类型的坐标设置 frame.size.width = 60;//设置按钮坐标及大小 frame.size.height = 60; frame.origin.x = (i%3)*(60 + 32)+40; frame.origin.y = floor(i/3)*(60 + 24)+60; 转载于:https://www.cnblogs.com/joesen/p/...
iOS 九宫格坐标计算
{丸の子}
03-07 129
一、分析 寻找左边的规律，每一个uiview的x坐标和y坐标。 [img]http://dl2.iteye.com/upload/attachment/0106/4639/a589db96-15a8-3a2e-b5ff-ee4857e248ae.png[/img] 二、实现思路 (1)明确每一块用得是什么view (2)明确每个view之间的父子关系，每个视图都只有一个父视图，拥...
IOS 九宫格算法
weixin_30266829的博客
02-18 108
@interface ViewController () @property (nonatomic,strong) NSArray *apps; //获取.plist数据 @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; //九...
iOS:九宫格算法
Dr_Enhart的博客
08-28 1094
九宫格算法的目的就是实现下图所示的布局效果 找规律: 0号控件的x = 横向间距 + 0 * (控件宽度 + 横向间距) 1号控件的x = 横向间距 + 1 * (控件宽度 + 横向间距) 2号控件的x = 横向间距 + 2 * (控件宽度 + 横向间距) 规律: n号控件的x = 横向间距 + 列数 * (控件宽度 + 横向间距) 0号控件的y = 纵向间距
详解iOS应用UI开发中的九宫格坐标计算与字典转换模型
01-05
九宫格坐标计算 一、要求 完成下面的布局 二、分析 寻找左边的规律，每一个uiview的x坐标和y坐标。 三、实现思路 (1)明确每一块用得是什么view (2)明确每个view之间的父子关系，每个视图都只有一个父视图，拥有...
深入解析iOS应用开发中九宫格视图布局的相关计算方法
09-02
在iOS应用开发中，创建九宫格视图布局是一项常见的任务，它通常用于展示一系列小图标或内容，如产品列表、菜单选项等。本篇将深入解析如何进行相关的计算方法，确保视图在不同屏幕尺寸下正确显示。 首先，我们需要...
iOS 九宫格连线手势解锁
08-24
在iOS平台上实现“九宫格连线手势解锁”是一种为设备添加额外安全层的方式，它模仿了Android系统中的经典解锁机制。这种解锁方式不仅提供了一种直观的用户交互体验，还能帮助用户快速识别并访问他们的设备。以下是...
两个宏快速计算九宫格X、Y坐标
chuange6363的博客
09-10 636
iOS绘制九宫格的方式至少有两种。一种是利用UIKit框架提供的UICollectionView直接定制一个九宫格。另一种方式是根据行高、列宽动态计算每个格子的位置，后者这种纯计算的方式我们写一次就够了。今天我带给大家两个我写好的宏，以后制作九宫格，我们直接用这个宏即可！ /** 设置格子的...
iOS：OC九宫格的计算方法
火山LF的博客
03-19 1180
// 每一个格子的尺寸 CGFloat gridWeight = 50; // 每个格子的宽度CGFloat gridHeight = 70; // 每个格子的高度 // 一行的列数int cols = 4; // 以上这三个常量，当需要修改九宫格的大小或者数量的时候，只需要改变这3个值，后面的代码不变
九宫格的计算思路
xiaoben_mao的专栏
05-30 2884
九宫格的计算思路 - 按行(row)和按列(col)显示或者排列数据 - 行和列的下标从0开始 - 行坐标:索引除以列数 - 列坐标:索引对列数取余 NSUInteger index = self.shopsView.subviews.count; NSUInteger row = index / kCol; NSUInteger col = index
iOS之OC随笔-九宫格的算法简单实现
ning_ya9293的博客
09-13 7018
九宫格的算法分析： Tables Are Cool 0 1 2 3 4 5 6 7 8 格子间： 间隙 = (控制器view的宽度 - 3 * 应用宽度) / 4 index 表示格子的索引，即0，1，2，3……8 for（index= 0；index < 9 ; index++） 计算行号：int row = index / 3 ; 决
iOS UI设计---九宫格布局算法
smallyou的专栏
03-05 6796
在移动端开发中，我们经常会碰见类似下图的布局---九宫格布局。九宫格布局对于整体的UI设计有着重要的作用。 九宫格布局设计开发中，着重需要确认每个九宫格左上角的位置，也就是坐标。下面，我们以iOS开发为例，通过了解位置确认，来讲解九宫格算法。 在九宫格设计算法中，影响九宫格布局的因素有这几个：列数、行数、行间距、单元格的长宽等。通过观察九宫格的排序，我们可以清晰看出，整个布局就是对
IOS-10行代码搞定九宫格
阿雷的专栏
06-23 8942
我们在开发中多多少少会遇到九宫格要求布局UI   如下图  直接上代码 //每个Item宽高 CGFloat W = 80; CGFloat H = 100; //每行列数 NSInteger rank = 4; //每列间距 CGFloat rankMargin = (self.view.frame.size.width
iOS九宫格/布局算法
Tai Chi's Blog
08-12 1815
//子控件高 CGFloat w = 74; //子控件宽 CGFloat h = w; //列数 int colCount = 3; //计算间距 CGFloat margin = (self.frame.size.width - 3 * w) / 4; //self.subviews.count 装view的组的个数 for
iOS 自定义九宫格，行、列可变
编码演绎世界
12-14 1439
项目开发中，难免会遇到类似于九宫格这样的布局。很多元素均匀排列，对于一页展示不完的用滚动视图展示。这种一般用于有几大功能模块，或者电子商务方面商品展示。实现方式有多种，但各有局限性。下面就我知道的做一下简单总结，如有更好的意见，希望能家一起交流，学习！ 1、当视图所需滚动方向是上下滚动时，可利用UITabelView,在其cell上添加自定义元素实现。（优点：利用这种方式，不用担心每个自
iOS学习笔记--如何使九宫格布局图片的显示自适应大小
谷穗的博客
09-21 2641
今天，刚学习了UICollectionView 的使用，通过第三方类库获取到图片的网址是图片以异步的方式显示出来，并且是图片的显示的大小是自适应的，其他的代码不多说，下面会给demo的链接，现在写主要的实现代码：// 该方法是返回每个cell的宽和高的 - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UIColl
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值