collectionView,tableView的细节处理
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的细节处理的更多相关文章
- collectionView/tableview刷新时关闭动画无效
collectionView/tableview reloadSections/reloaddata时去掉动画无效时可以尝试使用 [UIView performWithoutAnimation:^{ ...
- 根据headerView位置改变headerView颜色(collectionView/tableview)
滑动时,tableview中的headerView 的frame不断改变,collectionView的headerView的center不断改变.sotableview: -(void)setFra ...
- oc之考试答题类效果
https://www.jianshu.com/p/ec29feb0b5a6 2017.07.27 11:48* 字数 424 阅读 615评论 9喜欢 11 demo地址:https://githu ...
- UIScrollViewDelegate 方法调用
UIScrollViewDelegate 方法调用 /** 设置缩放的View, 初始化完之后调用此方法告诉scrollView 谁可以缩放操作, 然后进行布局 */ func viewForZoom ...
- ios中自定义tableView,CollectionView的cell什么时候用nib加载,什么时候用标识重用
做了一段时间的iOS,在菜鸟的路上还有很长的路要走,把遇到的问题记下来,好记性不如烂笔头. 在项目开发中大家经常会用到tableView和collectionView两个控件,然而在cell的自定义上 ...
- tableView嵌套collectionView
首先是自定义collectionView填充的tableViewCell import UIKit // 定义一个collectionView,重写初始化大小和布局方法 class TrendsDet ...
- collectionView 和 tableView的嵌套使用
#import "ViewController.h" #define HEIGHT [UIScreen mainScreen].bounds.size.height #define ...
- 关于collectionView和tableView的两种cell的出列方法的区别
相信好多人一定会对collectionView和tableView的两种cell出列方法有所疑问,下面以UICollection为例子进行举例说明 假设我们已经创建了一个collectionView, ...
- (三十八)从私人通讯录引出的细节II -数据逆传 -tableView点击 -自定义分割线
项目中的警告是不会影响app发布的,例如引入第三方类库很容易引入警告. 细节1:跳转的数据传递. prepareForSegue: sender: 方法是在执行segue后,跳转之前调用这个方法,一般 ...
随机推荐
- 第一天 Linux 是什么
众所周知,Linux的核心原型是1991年由托瓦兹(Linus Torvalds)写出来 计算机是由一堆硬件所组成的,为了有敁率的控制这些硬件资源,于是乎就有操作系统产生了. 到了1985 ...
- BZOJ4127: Abs
Description 给定一棵树,设计数据结构支持以下操作 1 u v d 表示将路径 (u,v) 加d 2 u v 表示询问路径 (u,v) 上点权绝对值的和 Input 第一行两个整数n和m,表 ...
- Xcode的command+shift+o是一个不错的工具
一,经历 1.在向UITextField中输入图片的时候,可以使用 NSAttributedString 添加,但是很难找到能够返回NSAttributedString对象的方法. 2.通过comma ...
- [iOS-UI]点击清空按钮,却会有提交的感觉
一,问题分析 1.感觉像是点击清空按钮时调用了添加按钮的事件. 2.插入断电后,还真是这样. 3.仔细想想,才发现,原来是我复制了添加按钮,变成为添加按钮,进而点击清空时,不仅清空了所有内容,还把最新 ...
- java使用poi读取ppt文件和poi读取excel、word示例
java使用poi读取ppt文件和poi读取excel.word示例 http://www.jb51.net/article/48092.htm
- Spring和Hibernate集成配置
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.spr ...
- Web前端开发基础 第四课(盒代码模型)
盒模型代码简写 还记得在讲盒模型时外边距(margin).内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左.具体应用在margin和paddin ...
- BizTalk开发系列(三) 单机环境下的BizTalk Server 2006 R2安装
大部分的开发环境都是在单机环境下进行的,今天整理了一下BizTalk Server 2006 R2在单机环境下的安装步骤. 1. 软件需求 在独立服务器中完整安装BizTalk Server 2006 ...
- 【iCore3 双核心板】例程三:EXTI中断输入实验——读取ARM按键状态
实验指导书及代码包下载: http://pan.baidu.com/s/1o6xToN4 iCore3 购买链接: https://item.taobao.com/item.htm?id=524229 ...
- canvas 线条不清楚的问题
对于canvas 画出的1px线条不清楚的问题, 一般是坐标点+0.5像素的问题, 但是有时要考虑viewpoint的问题,让canvas的width = 980,同时viewpoint = 980 ...