UITableView的style是UITableViewStyleGrouped

一般情况下,UITableViewStylePlain和UITableViewStyleGrouped是UITableView常用到的style,

之前都是用到的时候,遇到问题直接用度娘,差不多就够用了,今天在修复UI提出的间隙问题,来回改,总觉得没有改到命点。

下面是UI提出的要求:

我项目里的代码片段是这样的:

objectivec 复制代码
    self.tableView = [[UITableView alloc]initWithFrame:(CGRectZero) style:(UITableViewStyleGrouped)];
    [self.view addSubview:self.tableView];
    [self.tableView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.right.bottom.equalTo(@0);
        make.top.equalTo(@([UIDevice SafeAreaNaviHeight]));
    }];
    self.tableView.delegate = self;
    self.tableView.dataSource = self;
    self.tableView.tag = 10000;
    self.extendedLayoutIncludesOpaqueBars = YES;
    if (@available(iOS 11.0, *)) {
        [self refreshStableTableView:self.tableView];
    } else {
#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wdeprecated-declarations"
    self.automaticallyAdjustsScrollViewInsets = NO;
#pragma clang diagnostic pop
    }
    
    if (@available(iOS 15.0, *)) {//适配15之后headerHeight会默认22
        self.tableView.sectionHeaderTopPadding = 0;
    }
    
    self.tableView.contentInset = UIEdgeInsetsMake(7, 0, UIDevice.SafeAreaBottom +49, 0);
    self.view.backgroundColor = self.tableView.backgroundColor = [UIColor useLight:HexColor(blk_6) Dark:HexColor(d_blk_6)];
    self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

UITableView用的style是UITableViewStyleGrouped

也在代理里设置了:

objectivec 复制代码
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    return [UIView new];
}
//
- (UIView *)tableView:(UITableView *)tableView viewForFoooterInSection:(NSInteger)section{
    return [UIView new];
}
//
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
    return .01;
}
- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{
    return .01;
}

感觉看着没有啥问题,所以来回试,第一次改的时候是动了个歪脑筋,

将tableView的contentInset硬生生的改了一下,看起来大概达到UI的要求了,可能可以骗过UI吧,但是骗不了自己,这个间距并不精确。

objectivec 复制代码
self.tableView.contentInset = UIEdgeInsetsMake(7, 0, UIDevice.SafeAreaBottom +49 - 7, 0);

一直没有往tableFooterView上想,那是因为我一直以为代理里的viewForFooterInSection和tableView的tableFooterView是一个东西。

查完之后,大致知道了这两的区别:

tableFooterView是整个tableView的footerView;

代理创建的是每个section的footerView。

UITableView的style是UITableViewStyleGrouped的时候,tableFooterView会有个默认的高度,需要给tableFooterView一个view来实现自己的需求;当设置

objectivec 复制代码
self.tableView.tableFooterView = [UIView new];

不起作用。因为系统检测到高度为0时,会使用默认高度。所以在我的项目里需要做如下设置才能精确符合UI的要求

objectivec 复制代码
self.tableView.tableFooterView = [[UIView alloc]initWithFrame:(CGRectMake(0, 0, SCREEN_WIDTH, 7))];

代理里的viewForFooterInSection,如果不设置的话,会有个默认的空白高度,想要去除,或者想要指定的高度,那需要自己去实现代理;

如果是要去掉每个section的高度则在DataSourse的heightForFooterInSection return 0.01 (不要return 0 ,不然会觉得没有设置高度,变成默认的高度)。为了保险起见同时在Delegate的viewForFooterInSection默认**return [UIView new]**确保高度设置为0.01成功这样就可以了。

tableHeaderView同理。

后期会把遇到的关于UITableView不同的style的不同设置也慢慢记录下来,方便自己理解,省的每次都是好像懂了,又好像还是啥也不懂。

相关推荐
东方鲤鱼2 小时前
MAC部署openClaw 实现自动化助手实战
运维·macos·自动化
kishu_iOS&AI4 小时前
OpenClaw 版本升级 自动更新指令文档
macos·openclaw
AryShaw7 小时前
macOS 上搭建 RK3568 交叉编译环境
linux·macos
火星数据-Tina7 小时前
巨省Token:OpenClaw安装部署并接入数眼智能特价模型全流程(包含Windows和Mac)
windows·macos
facaixxx202418 小时前
OpenClaw在Mac电脑上部署安装教程:两种方法安装龙虾方法
macos
ITKEY_18 小时前
macOS安装fvm管理flutter版本
flutter·macos
刘一说19 小时前
告别“版本漂移”:彻底解决 macOS 上 NVM 默认 Node 版本失效的难题
macos·node·nvm
库奇噜啦呼1 天前
【iOS】Effective Objective-C第一章
开发语言·ios·objective-c
知智前沿1 天前
OpenClaw 本地部署详细教程(Windows+Mac 双系统)
windows·macos
想要AC的sjh1 天前
【硬核实战】Mac mini M4 部署 OpenClaw + Ollama 本地大模型:从零到一打通飞书机器人
macos·机器人·飞书