TableView的tableHeaderView表头自适应(表头Masonry)

最新推荐文章于 2024-03-29 09:00:00 发布
最新推荐文章于 2024-03-29 09:00:00 发布
阅读量2.6k 收藏
点赞数
分类专栏： iOS tableview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhanglizhi111/article/details/52912386
版权
iOS 同时被 2 个专栏收录
433 篇文章 4 订阅
订阅专栏
tableview
33 篇文章 0 订阅
订阅专栏

#import "OrderCheckLogisticsPathViewController.h"

#import "ConstantHeader.h"

#import <Masonry/Masonry.h>

#import "MBProgressHUD+QSJ.h"

#import "AlertUtil.h"

#import "MJRefresh.h"

#import "UIColor+RCColor.h"

#import "UIImageView+WebCache.h"

#import "OrderLogisticsFirstPathCell.h"

#import "OrderLogisticsPathCell.h"


@interface OrderCheckLogisticsPathViewController ()<UITableViewDelegate,UITableViewDataSource>


@property(nonatomic,strong) UITableView *myTableView;


@property(nonatomic,strong) UILabel *wuLiuState ,*wuLiuCom ,*wuLiuNum ,*wuLiuTel;

@property(nonatomic,strong) UIImageView *wuLiuImgv;


@end


@implementation OrderCheckLogisticsPathViewController


- (void)viewDidLoad {

    [super viewDidLoad];

    self.title = @"查看物流";


    //绘画添加tableview

    self.myTableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_SIZE_WIDTH, SCREEN_SIZE_WIDTH) style:UITableViewStyleGrouped];

    self.myTableView.delegate = self;

    self.myTableView.dataSource = self;

    self.myTableView.rowHeight = UITableViewAutomaticDimension;

    self.myTableView.estimatedRowHeight = 55;

    self.myTableView.showsVerticalScrollIndicator = NO;

    self.myTableView.showsHorizontalScrollIndicator = NO;

    self.myTableView.backgroundColor = NORMAL_BKG_GREY;

    [self.view addSubview:self.myTableView];

    [self.myTableView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(self.view);

        make.left.mas_equalTo(self.view);

        make.right.mas_equalTo(self.view);

        make.bottom.mas_equalTo(self.view);

    }];

    [self.myTableView registerClass:[OrderLogisticsFirstPathCell class] forCellReuseIdentifier:@"OrderLogisticsFirstPathCell"];

    [self.myTableView registerClass:[OrderLogisticsPathCell class] forCellReuseIdentifier:@"OrderLogisticsPathCell"];

    self.myTableView.separatorStyle = UITableViewCellSeparatorStyleNone;

    

    //头视图

//1.原理初始化一个view(headerView) 临时加到Self.view上或者其他固定地方

    //实际上是 headerView.frame = CGRectMake(0, 0, SCREEN_WIDTH, 155);

    UIView *headerView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, 100)];

    headerView.backgroundColor = NORMAL_BKG_GREY;

    [self.view addSubview:headerView];

//2.绘图

    //上

    UIView *shangView = [[UIView alloc]init];

    shangView.backgroundColor = [UIColor whiteColor];

    [headerView addSubview:shangView];

    [shangView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(headerView.mas_top);

        make.left.right.mas_equalTo(headerView);

        make.height.mas_equalTo(105);

    }];

    self.wuLiuImgv = [[UIImageView alloc]init];

    [shangView addSubview:self.wuLiuImgv];

    [self.wuLiuImgv mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(shangView.mas_top).mas_offset(TEXT_LINE_DISTANCE);

        make.left.mas_equalTo(shangView.mas_left).mas_equalTo(TEXT_LINE_DISTANCE);

        make.size.mas_equalTo(CGSizeMake(90, 90));

    }];

    [self.wuLiuImgv sd_setImageWithURL:[NSURL URLWithString:@""] placeholderImage:[UIImage imageNamed:@"placeholder_img"]];

    

    //物流状态

    UILabel *wlState = [[UILabel alloc]init];

    [shangView addSubview:wlState];

    wlState.textColor = TEXT_DARK_GREY;

    wlState.font = NORMAL_FONT;

    wlState.text = @"物流状态:";

    [wlState mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(self.wuLiuImgv.mas_top);

        make.left.mas_equalTo(self.wuLiuImgv.mas_right).mas_offset(TEXT_EDGE_DISTANCE);

    }];

    self.wuLiuState = [[UILabel alloc]init];

    [shangView addSubview:self.wuLiuState];

    self.wuLiuState.textColor = [UIColor colorWithHexString:@"#fd7191" alpha:1.0];

    self.wuLiuState.font = NORMAL_FONT;

    self.wuLiuState.text = @"运输中";

    [self.wuLiuState mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(wlState.mas_top);

        make.left.mas_equalTo(wlState.mas_right).mas_offset(TEXT_LINE_DISTANCE);

    }];

    //什么快递

    UILabel *wlCom = [[UILabel alloc]init];

    [shangView addSubview:wlCom];

    wlCom.textColor = TEXT_LIGHT_GREY;

    wlCom.font = MIDDLE_SECOND_FONT;

    wlCom.text = @"承运来源:";

    [wlCom mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(wlState.mas_bottom).mas_offset(TEXT_LINE_DISTANCE);

        make.left.mas_equalTo(self.wuLiuImgv.mas_right).mas_offset(TEXT_EDGE_DISTANCE);

    }];

    self.wuLiuCom = [[UILabel alloc]init];

    [shangView addSubview:self.wuLiuCom];

    self.wuLiuCom.textColor = TEXT_LIGHT_GREY;

    self.wuLiuCom.font = MIDDLE_SECOND_FONT;

    self.wuLiuCom.text = @"韵达快递";

    [self.wuLiuCom mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(wlCom.mas_top);

        make.left.mas_equalTo(wlCom.mas_right).mas_offset(TEXT_LINE_DISTANCE);

    }];

    //订单编号

    UILabel *wlNum = [[UILabel alloc]init];

    [shangView addSubview:wlNum];

    wlNum.textColor = TEXT_LIGHT_GREY;

    wlNum.font = MIDDLE_SECOND_FONT;

    wlNum.text = @"订单编号:";

    [wlNum mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(wlCom.mas_bottom).mas_offset(TEXT_LINE_DISTANCE);

        make.left.mas_equalTo(self.wuLiuImgv.mas_right).mas_offset(TEXT_EDGE_DISTANCE);

    }];

    self.wuLiuNum= [[UILabel alloc]init];

    [shangView addSubview:self.wuLiuNum];

    self.wuLiuNum.textColor = TEXT_LIGHT_GREY;

    self.wuLiuNum.font = MIDDLE_SECOND_FONT;

    self.wuLiuNum.text = @"204956123454343";

    [self.wuLiuNum mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(wlNum.mas_top);

        make.left.mas_equalTo(wlNum.mas_right).mas_offset(TEXT_LINE_DISTANCE);

    }];

    //官方电话

    UILabel *wlTel = [[UILabel alloc]init];

    [shangView addSubview:wlTel];

    wlTel.textColor = TEXT_LIGHT_GREY;

    wlTel.font = MIDDLE_SECOND_FONT;

    wlTel.text = @"官方电话:";

    [wlTel mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(wlNum.mas_bottom).mas_offset(TEXT_LINE_DISTANCE);

        make.left.mas_equalTo(self.wuLiuImgv.mas_right).mas_offset(TEXT_EDGE_DISTANCE);

    }];

    self.wuLiuTel= [[UILabel alloc]init];

    [shangView addSubview:self.wuLiuTel];

    self.wuLiuTel.textColor = [UIColor colorWithHexString:@"#2b98de" alpha:1.0];

    self.wuLiuTel.font = MIDDLE_SECOND_FONT;

    self.wuLiuTel.text = @"204956";

    [self.wuLiuTel mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(wlTel.mas_top);

        make.left.mas_equalTo(wlTel.mas_right).mas_offset(TEXT_LINE_DISTANCE);

    }];

    [shangView mas_remakeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(headerView.mas_top);

        make.left.right.mas_equalTo(headerView);

        make.bottom.mas_equalTo(self.wuLiuImgv.mas_bottom).mas_offset(TEXT_LINE_DISTANCE);

    }];

    //线

    UIView *lineOne = [[UIView alloc]init];

    [headerView addSubview:lineOne];

    lineOne.backgroundColor = LINE_CELL_COLOR;

    [lineOne mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(shangView.mas_bottom);

        make.left.right.mas_equalTo(0);

        make.height.mas_equalTo(0.5);

    }];

    //缝隙

    UIView *fengVeiw = [[UIView alloc]init];

    [headerView addSubview:fengVeiw];

    fengVeiw.backgroundColor = NORMAL_BKG_GREY;

    [fengVeiw mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(shangView.mas_bottom);

        make.left.right.mas_equalTo(0);

        make.height.mas_equalTo(5);

    }];

    //线

    UIView *lineTwo = [[UIView alloc]init];

    [headerView addSubview:lineTwo];

    lineTwo.backgroundColor = LINE_CELL_COLOR;

    [lineTwo mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(fengVeiw.mas_bottom);

        make.left.right.mas_equalTo(0);

        make.height.mas_equalTo(0.5);

    }];

    //下面标题菜鸟果果

    UIView *xiaBkgView = [[UIView alloc]init];

    [headerView addSubview:xiaBkgView];

    xiaBkgView.backgroundColor = [UIColor whiteColor];

    [xiaBkgView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(lineTwo.mas_bottom);

        make.left.right.mas_equalTo(0);

        make.height.mas_equalTo(43);

    }];

    

    UIImageView *tIconImgv = [[UIImageView alloc]init];

    [xiaBkgView addSubview:tIconImgv];

    tIconImgv.layer.cornerRadius = 10;

    tIconImgv.layer.masksToBounds = YES;

    [tIconImgv mas_makeConstraints:^(MASConstraintMaker *make) {

        make.centerY.mas_equalTo(xiaBkgView);

        make.left.mas_equalTo(TEXT_EDGE_DISTANCE);

        make.size.mas_equalTo(CGSizeMake(20, 20));

    }];

    [tIconImgv sd_setImageWithURL:[NSURL URLWithString:@""] placeholderImage:[UIImage imageNamed:@"chatListCellHead"]];

    //菜鸟果果文本

    UILabel *cnTextL = [[UILabel alloc]init];

    [xiaBkgView addSubview:cnTextL];

    cnTextL.font = MIDDLE_SECOND_FONT;

    NSString *cntext = @"本数据由菜鸟裹裹提供";

    NSMutableAttributedString *string = [[NSMutableAttributedString alloc]initWithString:cntext];

    [string addAttributes:@{NSForegroundColorAttributeName:TEXT_DARK_GREY} range:NSMakeRange(0, 4)];

    [string addAttributes:@{NSForegroundColorAttributeName:[UIColor colorWithHexString:@"#2b98de" alpha:1.0]} range:NSMakeRange(4, 4)];

    [string addAttributes:@{NSForegroundColorAttributeName:TEXT_DARK_GREY} range:NSMakeRange(8, 2)];

    cnTextL.attributedText = string;

    [cnTextL mas_makeConstraints:^(MASConstraintMaker *make) {

        make.centerY.mas_equalTo(xiaBkgView);

        make.left.mas_equalTo(tIconImgv.mas_right).mas_offset(TEXT_LINE_DISTANCE);

    }];

    //线

    UIView *lineThree = [[UIView alloc]init];

    [headerView addSubview:lineThree];

    lineThree.backgroundColor = LINE_CELL_COLOR;

    [lineThree mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(xiaBkgView.mas_bottom);

        make.left.right.mas_equalTo(0);

        make.height.mas_equalTo(0.5);

    }];

//3.masonry得到headerview尺寸

    [headerView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.top.mas_equalTo(self.myTableView.mas_top);

        make.left.right.mas_equalTo(self.myTableView);

        make.bottom.mas_equalTo(lineThree);

    }];

    [headerView layoutSubviews];

//4.适配得到相应高

    CGFloat height = [headerView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;

    CGRect frame = headerView.frame;

    frame.size.height = height;

    headerView.frame = frame;

//5.得到表头

    self.myTableView.tableHeaderView = headerView;


}


#pragma makr----tableview Delegate DataSource----

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{

    return 1;

}


-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

    return 4;

}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    //Buyer seller

    

    switch (indexPath.row) {

        case 0:

        {

            OrderLogisticsFirstPathCell *cell = [tableView dequeueReusableCellWithIdentifier:@"OrderLogisticsFirstPathCell"];

            cell.selectionStyle = UITableViewCellSelectionStyleNone;

            

            return cell;

        }

            break;

        case 1:

        {

            OrderLogisticsPathCell *cell = [tableView dequeueReusableCellWithIdentifier:@"OrderLogisticsPathCell"];

            cell.selectionStyle = UITableViewCellSelectionStyleNone;

            

            return cell;

        }

            break;

        case 2:

        {

            OrderLogisticsPathCell *cell = [tableView dequeueReusableCellWithIdentifier:@"OrderLogisticsPathCell"];

            cell.selectionStyle = UITableViewCellSelectionStyleNone;

            return cell;

        }

            break;

        case 3:

        {

            OrderLogisticsPathCell *cell = [tableView dequeueReusableCellWithIdentifier:@"OrderLogisticsPathCell"];

            cell.selectionStyle = UITableViewCellSelectionStyleNone;

            return cell;

        }

            break;

            

        default:

        {

            OrderLogisticsPathCell *cell = [tableView dequeueReusableCellWithIdentifier:@"OrderLogisticsPathCell"];

            cell.selectionStyle = UITableViewCellSelectionStyleNone;

            return cell;

        }

            break;

    }

}


-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{

    return 0.00001;

}


-(void)viewWillAppear:(BOOL)animated{

    [super viewWillAppear:animated];

    self.tabBarController.tabBar.hidden = YES;

}


- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}



zhanglizhi111
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS 开发 UITableView tableHeaderView 自动布局问题Masonry
science_Lee的博客
10-10 2423
背景: 在实际开发中,UI布局我们现在基本上都是使用Masonry.但是在tableHeaderView上使用自动布局有点麻烦.有时候tableHeaderView有多个子view. 有的人会把子view 的高度依次相加给 tableHeaderView. 解决: 直接放代码 UIView *header = [[UIView alloc] init]; // 2个子视图 (UIV...
IOS - UITableView - headerView自适应
Quinn's blog ! I'm glad to be here!
09-01 1326
网上的headerview自适应比较复杂，贡献出简单又有效的headerView的自适应方法： 1.一个充分约束的视图View（作为headerView）意思就是，他里边的约束要和父view完全关联起来，不存在冲突，或者多参考。 该view依赖Viewcontroller，结构如下：2.添加如下代码：func tableView(_ tableView: UITableView, estimate
接着说tableview的tableheadview
沸腾的泪水的专栏
06-29 5546
接着上篇文章说tableview的tableheadview的另一种用途： 本来小马马那头的效果图是这样的： 这样的话实际上它是个标准的tableviewcell，每一个cell设成一样的就行，但现在又觉得这样不好看，感觉 上边留的空隙大点会好看点： 那样的话应该如何定义cell呢，如果第一个cell的上边留的空隙大的话，那他会跟第二个的空隙也会大，。。。。这不是我们
Qt 自定义可编辑的表头 table HeaderView
DarkSying的博客
03-29 194
Qt 自定义可编辑的表头 table HeaderView。
tableHeaderView的Masonry
zhangxiweicaochen的专栏
08-29 5138
tableHeaderView的MasonryUIView *headView =[UIView new]; headView.backgroundColor = [UIColor yellowColor];UIView *view1 =[UIView new]; view1.backgroundColor =[UIColor redColor]; [headView addSubview:view
UITableView的tableHeaderView属性
不要忘记，你还有生活。
12-11 1392
感谢原文：https://blog.csdn.net/wsyx768/article/details/81100584 UITableView的tableHeaderView属性非常好用，而UICollectionView并没有这个属性，所以只有用其它方式实现类似效果。 #import "CollectionViewController.h" #import "HeaderReusableView...
iOS tableview里面嵌套tableview，自适应高度
03-15
swift ，使用autolayout + storyboard 最外层tableview列表，cell里面嵌套了tableview，自适应内容，cell里的tableview不可滑动，内容全部显示，且文字分行显示，不用设置cell的高度直接可以自适应内容
iOS8 tableview uitableviewcell内容自适应
01-15
应用ios8新特性，ios8下tableviewcell内容自适应
TableView高度自适应
09-10
TableView高度自适应 -tableView设置自适应高度 -自定义cell -Masonry添加约束
ios-TableView嵌套webView自适应高度.zip
07-11
tableView嵌套多个webView自适应高度，高度获取较精准，速度快，有需要的童鞋可以借鉴
Qt自适应行高表头重载示例
07-23
Qt无论TableView还是TableWidget默认的表头都是一行，不能换行。现在客户需要显示更多信息，需要自动换行，自动拉高，字符过长显示...的表头，重新修改了HeaderView使之能满足需要。
Qt 自定义Tableview，根据内容调整列宽
11-11
根据写入内容，自动调整列宽，需要每次显示数据时做长度判断，比较笨的方式。 根据写入内容，自动调整列宽，需要每次显示数据时做长度判断，比较笨的方式。
iOS开发 - UITableView的tableHeaderView注意事项（遮挡cell，内容重复等等）
CodingFire的博客
05-15 8103
今天我们要来说的知识点是UITableView的tableHeaderView，小伙伴要区分清楚，不是协议里的header，而是总的header，需要用tableView.tableHeaderView来设置。 使用tableView.tableHeaderView时，如果使用不当，会造成header覆盖cell，cell内容出现在header上或者header和cell中间莫名多了系统head...
QTableView/QTableWeight使用时如何设置自适应宽度和父窗体
沉溺于移动互联网
03-29 4341
      我的数据一共有4列，但QTabelView在父窗体中可能会随之父窗体的变化而导致宽度变化，然后当QTabelView宽度变化时，其现实的表格宽度（每一列的宽度）并没有随之，这会导致QTabelView变大时，右侧出现空白，变小时显示不全并出现滚动条？       当时就想有没有办法设置QTableView显示模型数据时，放宽度发生变化时，表格每列的宽度也会随之变化，使得表格始终和QTa...
QT QTableView 根据内容自适应宽度
Petter.Zhu的博客
01-12 1万+
void SetTabViewColumnSpace(QTableView *m_tableView) { //根据内容来确定列宽度 m_tableView->resizeColumnsToContents(); m_tableView->horizontalHeader(); //获取表头列数 for(int i = 0; i horizontalHead
uitableheaderview高度自适应
pureszgd的博客
07-06 1356
uitableheaderview高度自适应 #ios 使用autolayout, tableheader高度自适应的处理, 就不用每次傻乎乎地重新设置headerview的高度了 [self.tableView.tableHeaderView layoutIfNeeded]; self.tableView.tableHeaderView = self.headerView; ...
iOS UITableView设置表头和表脚
长沙火山
10-30 1万+
一、设置表头1. 设置表头高度//设置表头高度 - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section { return 20.0f; }2. 添加标头中的内容//添加标头中的内容 -(UIView *)tableView:(UITableView *)tableVie
QTableView根据内容自动调整大小（resizeColumnToContents解决不了的）
热门推荐
纯屌丝程序猿
11-23 3万+
前言 最近使用QTableView比较频繁，出现了一些比较奇葩的问题，其中之一就是QTableView在显示来自模型的数据时，经常会显示...省略了内容的后半部分。 如下图： 查看帮助文档可以找到resizexxxxToContents()系列接口： 根据内容自动调整某列的列宽 void QTableView::resizeColumnToContents ( int c
使用Masonry设置自适应高度的UITableviewHeadView
BlingbringBling的博客
08-07 1370
首先是懒加载部分- (UIView *)headView { if (!_headView) { _headView = [[UIView alloc]init]; _headView.backgroundColor = HEXColor(0xf2f2f2); _headBtn = [[UIButton alloc]init];
qt设置tableview的表头颜色
最新发布
05-28
可以通过设置QHeaderView的样式来设置TableView的表头颜色。具体实现方式如下： 1. 在UI设计界面，选中TableView，点击右键，选择“编辑对象的样式表”。 2. 在弹出的样式表编辑窗口中添加如下代码： ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值