1.设置collectionView的高度

1.1为什么要设置高度?

collectionView是在tableView的footView里面 , tableView能滚动,collectionView也能滚动 我们不想让collectionView滚动

1.2怎么可以让collectionView不滚动?

只要collectionView里面的内容不超出collectionView的最大高度就可以了

1.3怎么设置collectionView的高度

计算出collectionView内容高度 = collectionView的高度

1.4怎么计算collectionView内容的高度

设置collectionView高度 = 内容高度(rowsitemWH + (rows - 1) margin)

总行数 cell的高度 + (总行数 - 1) *行间距

1.5怎么计算总行数

计算总行数:(count - 1) / cols + 1 万能公式 记住

(模型的总数 - 1) / 每一行有多少个cell(item) + 1

1.6代码写到哪里?

计算高度,我们先要拿到模型总数 代码写在字典转模型后面就可以 字典转模型一般写在网络请求成功回调的方法里面

还要写在刷新表格之前

2.设置tableView的滚动范围

2.1.为什么要设置滚动范围

collectionView的高度超出屏幕,我们滚动tableView查看下面的collectionViewcell 发现会弹回来

2.2.为什么会弹回来

tableView的高度会根据最后一个cell或footView的最大y值决定

footView的高度就是就是collectionView的高度,我们设置的collectionView的高度为200

上面虽然重新设置了collectionView的高度,但是在tableFooterView高度已经在设置为200的时候确定为200了

2.3.怎么修改滚动范围?

先用contentSize来设置 只要设置tableView的最大高度为collectionView内容的最大y值即可

修改后发现一个bug 当离开当前页 再返回的时候,滚动tableView 发现还会弹回来
2.4.为什么还会弹回来?
tableView的滚动范围是有系统自己设定的,我们设定的值系统不认可,不会记录,只有第一次会执行我们设置的

再次来到该界面系统就会还原自己记录的滚动范围contentSize

2.4.系统怎么设定contentSize

是根据最后一个cell或footView的最大y值决定

2.5.怎么解决弹回来的问题

我们重新设置最后一个cell或footView就可以 系统就会重新计算滚动范围

2.6.在哪设置?

首先需要拿到collectionView的frame 在网络请求成功后我们会重新计算collectionView的高度 写在计算的后面

还要写在刷新表格之前

3.处理额外的格子

3.1 为什么要处理?

服务器返回的数据不一定是列数的整数倍 这样最后一行可能只显示1个cell 后面还有一些缺口 不太美观 需要处理

3.2 怎么处理?

如果有缺口,我们只需要在缺口位置展示空的cell就可以了

3.3 怎么展示空的cell

cell的个数由模型的个数决定 , 模型的个数由模型数组元素个数(count)决定

我们只需要给模型数组添加元素(object)就可以了

3.4代码写到哪里?

我们先要拿到模型总数 代码写在字典转模型后面就可以 字典转模型一般写在网络请求成功回调的方法里面

还要写在刷新表格之前

4.处理tableView静态cell的间距

4.1间距是什么造成的?

我们的tableView的是分组样式的

分组样式tableView:默认每一组都有间距 我们猜测间距就是分组的间距

4.2怎么验证?

把分组间距设置为0来查看界面验证 发现我们的猜测是正确的

然后把分组间距设置成我们想要的间距就可以了

self.tableView.sectionHeaderHeight = 0;

self.tableView.sectionFooterHeight = 10;

4.3我们发现设置完分组间距,第一个cell距离顶部还是有一大断间距, 这个间距怎么造成的?

cell距离顶部有一段间距 只有在静态cell里面才会有这种现象

猜测是内边距 contentInset

4.4怎么验证?

打印contentInset

4.5在哪里打印?

在viewDidLoad里面不可以 View里面控件的位置尺寸还没设置

我们可以在viewDidAppear里面打印 打印完发现是64 不是这个间距

猜测是cell的y值

4.6怎么验证?

打印cell的frame

  - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell *cell = [tableView cellForRowAtIndexPath:indexPath];
NSLog(@"%@",NSStringFromCGRect(cell.frame));
}
我们发现y值为35 ,证明猜测是正确的

4.7怎么修改?直接修改y值?

不可以 修改一个cell的y值只会改变一个cell的位置

4.8怎么可以让整个tableView里面的cell整体往上(往下)移动

可以通过contentInset

self.tableView.contentInset = UIEdgeInsetsMake(-25, 0, 0, 0);

4.9根据上面的设置我们发现系统修改contentInset 是在我们原来的contentInset的基础上类加得出来的

collectionView,tableView的细节处理的更多相关文章

  1. collectionView/tableview刷新时关闭动画无效

    collectionView/tableview reloadSections/reloaddata时去掉动画无效时可以尝试使用 [UIView performWithoutAnimation:^{ ...

  2. 根据headerView位置改变headerView颜色(collectionView/tableview)

    滑动时,tableview中的headerView 的frame不断改变,collectionView的headerView的center不断改变.sotableview: -(void)setFra ...

  3. oc之考试答题类效果

    https://www.jianshu.com/p/ec29feb0b5a6 2017.07.27 11:48* 字数 424 阅读 615评论 9喜欢 11 demo地址:https://githu ...

  4. UIScrollViewDelegate 方法调用

    UIScrollViewDelegate 方法调用 /** 设置缩放的View, 初始化完之后调用此方法告诉scrollView 谁可以缩放操作, 然后进行布局 */ func viewForZoom ...

  5. ios中自定义tableView,CollectionView的cell什么时候用nib加载,什么时候用标识重用

    做了一段时间的iOS,在菜鸟的路上还有很长的路要走,把遇到的问题记下来,好记性不如烂笔头. 在项目开发中大家经常会用到tableView和collectionView两个控件,然而在cell的自定义上 ...

  6. tableView嵌套collectionView

    首先是自定义collectionView填充的tableViewCell import UIKit // 定义一个collectionView,重写初始化大小和布局方法 class TrendsDet ...

  7. collectionView 和 tableView的嵌套使用

    #import "ViewController.h" #define HEIGHT [UIScreen mainScreen].bounds.size.height #define ...

  8. 关于collectionView和tableView的两种cell的出列方法的区别

    相信好多人一定会对collectionView和tableView的两种cell出列方法有所疑问,下面以UICollection为例子进行举例说明 假设我们已经创建了一个collectionView, ...

  9. (三十八)从私人通讯录引出的细节II -数据逆传 -tableView点击 -自定义分割线

    项目中的警告是不会影响app发布的,例如引入第三方类库很容易引入警告. 细节1:跳转的数据传递. prepareForSegue: sender: 方法是在执行segue后,跳转之前调用这个方法,一般 ...

随机推荐

  1. 第一天 Linux 是什么

    众所周知,Linux的核心原型是1991年由托瓦兹(Linus Torvalds)写出来 计算机是由一堆硬件所组成的,为了有敁率的控制这些硬件资源,于是乎就有操作系统产生了.       到了1985 ...

  2. BZOJ4127: Abs

    Description 给定一棵树,设计数据结构支持以下操作 1 u v d 表示将路径 (u,v) 加d 2 u v 表示询问路径 (u,v) 上点权绝对值的和 Input 第一行两个整数n和m,表 ...

  3. Xcode的command+shift+o是一个不错的工具

    一,经历 1.在向UITextField中输入图片的时候,可以使用 NSAttributedString 添加,但是很难找到能够返回NSAttributedString对象的方法. 2.通过comma ...

  4. [iOS-UI]点击清空按钮,却会有提交的感觉

    一,问题分析 1.感觉像是点击清空按钮时调用了添加按钮的事件. 2.插入断电后,还真是这样. 3.仔细想想,才发现,原来是我复制了添加按钮,变成为添加按钮,进而点击清空时,不仅清空了所有内容,还把最新 ...

  5. java使用poi读取ppt文件和poi读取excel、word示例

    java使用poi读取ppt文件和poi读取excel.word示例 http://www.jb51.net/article/48092.htm

  6. Spring和Hibernate集成配置

    <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.spr ...

  7. Web前端开发基础 第四课(盒代码模型)

    盒模型代码简写 还记得在讲盒模型时外边距(margin).内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左.具体应用在margin和paddin ...

  8. BizTalk开发系列(三) 单机环境下的BizTalk Server 2006 R2安装

    大部分的开发环境都是在单机环境下进行的,今天整理了一下BizTalk Server 2006 R2在单机环境下的安装步骤. 1. 软件需求 在独立服务器中完整安装BizTalk Server 2006 ...

  9. 【iCore3 双核心板】例程三:EXTI中断输入实验——读取ARM按键状态

    实验指导书及代码包下载: http://pan.baidu.com/s/1o6xToN4 iCore3 购买链接: https://item.taobao.com/item.htm?id=524229 ...

  10. canvas 线条不清楚的问题

    对于canvas 画出的1px线条不清楚的问题, 一般是坐标点+0.5像素的问题, 但是有时要考虑viewpoint的问题,让canvas的width = 980,同时viewpoint = 980 ...