美文网首页UIKit
UIKit - UITableView

UIKit - UITableView

作者: ienos | 来源:发表于2020-04-20 00:44 被阅读0次

UITableVIew CellImageView 设置图片的时候会因为图片过大,显示异常。最好不要用,自己自定义的就行

隐藏多余分割线

self.tableView.tableFooterView = [UIView new];

Cell 自适应高度

如何设置 Cell 的固定高度 ?

Xib 中使用 TableView可设置 Cell 高度,Cell 用自定义的 Xib 无法设置 Cell 的高度。

Label为例,如何自适应高度 ?

Cell 中的 Label 添加四周约束,不设置固定高度,numberofline = 0

代理方法实现 ( Xib 和 StoryBoard )

- (CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath{
    return UITableViewAutomaticDimension;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    return UITableViewAutomaticDimension;
}

非代理方法实现 ( Xib )

self.tableView.estimatedRowHeight = 30;// estimate 大概
self.tableView.rowHeight = UITableViewAutomaticDimension;// Dimension 尺寸面积

Xib 注册方法

注册 Xib 、storyboard

[tableView registerNib:[UINib nibWithNibName:@"" bundle:[NSBundle mainBundle]]forCellReuseIdentifier:@""];
[tableView dequeueReusableCellWithIdentifier:@"" forIndexPath:[NSIndexPath new]];//6.0
[tableView dequeueReusableCellWithIdentifier:@""];//5.0

非注册 storyboard

[tableView dequeueReusableCellWithIdentifier:@""]; //非注册方法不用indexPath
if (cell == nil) {
    cell = [[[NSBundle mainBundle]loadNibNamed:@"" owner:nil options:nil] firstObject];
}

静态 Cell

  • 第一步 : 设置 tableViewcontentStatic Cells
  • 第二步 : 点击左边 控件列表 的 Table View Section 设置行数

注意:只能在 Storyboard 使用且为 UITableViewController,若在此时有添加 .m 和 .h 文件,如果要重写 UITableViewDataSource 可以调用 super 实现; tableView:cellForRowAtIndexPath: 使用 super 获取不到 cell,要用 dequeueReusableCellWithIdentifier
另附 : 在 UIViewController 设置静态 cell 默认会报错,报错信息如下:
Static table views are only valid when embedded in UITableViewControllerinstancesStatic table views are only valid when embedded in UITableViewControllerinstances

Xib 设置 TableHeaderView

  • 第一步 : 先拖一个新的 UIViewFile's Owner(通常是 Controller )的 view 并列关系,注意是并列关系,不是 subView 关系。
  • 第二步 : 把刚刚新的 UIViewSimulated MetricsSize 设置成 Freeform
  • 第三步 : 把该 UIView 拖入 UITableView ,然后该 UIView 会自动作为 UITableViewtableHeaderViewtableFooterView

去掉 Tableview 中 section 的 header view 粘性

: 分区尾只需要修改 edge 的下即可

// 去掉UItableview headerview黏性(sticky)
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGFloat sectionHeaderHeight = 40;
    if (scrollView.contentOffset.y<=sectionHeaderHeight&&scrollView.contentOffset.y>=0) {
        scrollView.contentInset = UIEdgeInsetsMake(-scrollView.contentOffset.y, 0, 0, 0);
    }  // 逐渐下滑, 大小逐渐变小
    else if (scrollView.contentOffset.y>=sectionHeaderHeight) {
        scrollView.contentInset = UIEdgeInsetsMake(-sectionHeaderHeight, 0, 0, 0);
    }

    if (scrollView.contentOffset.y >= scrollView.contentSize.height - SCREEN_HEIGHT - 50) {
        scrollView.contentInset = UIEdgeInsetsMake(0, 0, 0, 0);
    }
}

给 TableView 或者 CollectionView 的 Cell 添加简单动画

TableView

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{

    NSArray *array =  tableView.indexPathsForVisibleRows;
    NSIndexPath *firstIndexPath = array[0];
    //设置anchorPoint
    cell.layer.anchorPoint = CGPointMake(0, 0.5);
    //为了防止cell视图移动,重新把cell放回原来的位置
    cell.layer.position = CGPointMake(0, cell.layer.position.y);
    //设置cell 按照z轴旋转90度,注意是弧度
    if (firstIndexPath.row < indexPath.row) {
        cell.layer.transform = CATransform3DMakeRotation(M_PI_2, 0, 0, 1.0);
    }else{
        cell.layer.transform = CATransform3DMakeRotation(- M_PI_2, 0, 0, 1.0);
    }
    cell.alpha = 0.0;

    [UIView animateWithDuration:1 animations:^{
        cell.layer.transform = CATransform3DIdentity;
        cell.alpha = 1.0;
    }];

}

CollectionView

- (void)collectionView:(UICollectionView *)collectionView willDisplayCell:(UICollectionViewCell *)cell forItemAtIndexPath:(NSIndexPath *)indexPath{

    if (indexPath.row % 2 != 0) {
        cell.transform = CGAffineTransformTranslate(cell.transform, kScreenWidth/2, 0);
    }else{
        cell.transform = CGAffineTransformTranslate(cell.transform, -kScreenWidth/2, 0);
    }
    cell.alpha = 0.0;

    [UIView animateWithDuration:0.7 animations:^{
        cell.transform = CGAffineTransformIdentity;
        cell.alpha = 1.0;
    } completion:^(BOOL finished) {
    }];
}

HeaderView AutoLayout

CGFloat height = [self.headerView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height; // 获取高度
CGRect frame = self.headerView.frame;
frame.size.height = height;
self.headerView.frame = frame;
self.tableView.tableHeaderView = self.headerView;

MJRefresh Bug

使用 UITableViewAutomaticDimension 来进行 Cell 自适配高度时候,用 MJRefresh , Cell 上拉会无限刷新。

-(CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath{
    return UITableViewAutomaticDimension;
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    return UITableViewAutomaticDimension;
}

解决方法:直接赋值,不使用代理方法

关于iOS11及以上版本上拉加载更多会出现跳跃式bug

新增一条自适应 Cell 并滚动到最后一行

 // 使用自适应的高度 cell 必须使用延迟才不会有滚动跳动的问题。
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
    [self scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:self.dataArray.count - 1 inSection:0] atScrollPosition:UITableViewScrollPositionBottom animated:YES];
});

可以上拉,不可以下拉

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    scrollView.bounces = scrollView.contentOffset.y > 0;
}

iOS 11

TableView 往下偏移 20

iOS 11 中 UITableView下移问题

if (@available(iOS 11.0, *)) {
    self.tableView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
} else {
    // Fallback on earlier versions
    self.automaticallyAdjustsScrollViewInsets = NO;
}

heightForHeaderInSection 不调用

iOS 11 默认开启 Self-Sizing,关闭 Self-Sizing 即可

tableView.estimatedRowHeight = 0; 
tableView.estimatedSectionHeaderHeight = 0;
tableView.estimatedSectionFooterHeight = 0;

相关文章

  • UIKit - UITableView

    UITableVIew Cell 的 ImageView 设置图片的时候会因为图片过大,显示异常。最好不要用,自己...

  • UIKit之UITableView

    UITableView基础使用 View.m中 Controller.m中 Cell增删 移动 UITableVi...

  • UIKit-UITableView

    UIKit系列常见处理办法集合 局部刷新tabelvie UITableView隐藏多余的分割线 cell 宽度

  • 动态计算UITableviewcell高度

    在iOS开发中,我们少不了和UITableview打交道,因为UITableview也是UIKit中最复杂的一个控...

  • UIScrollView及其子类的布局相关属性

    在UIKit中UIScrollView三大子类,分别是:UITextView、UITableView和UIColl...

  • iOS 开发知识树精选

    数据结构 & 算法 LeetCode 剑指 Offer 编程之美 UIKit 精选 UITableView 整洁的...

  • UIKit-UITableView详解

    一.UITableView tableView 是项目开发里经常用到的控件,刚开始使用时可能会觉得这玩意功能强大但...

  • UIKit之UITableView篇

    1.UITableViewCell高度计算 Cell 具有固定高度的情况,使用rowHeight;之类的设置高度 ...

  • Swift-UIKit-UITableView

    1.描述 通过单独列和自定义行内容来展示数据的视图(Display data in a single column...

  • 开发资源

    很多摘自Martin_wjl的简书 UIKit 精选 UITableView整洁的 Table View 代码更轻...

网友评论

    本文标题:UIKit - UITableView

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