被大家忽略的UITableViewHeaderFooterView,cell的展开和折叠

最新推荐文章于 2020-10-11 18:17:46 发布
最新推荐文章于 2020-10-11 18:17:46 发布
阅读量132 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/u/2534563/blog/649530
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

首先自定义一个继承UITableViewHeaderFooterView的类：

因为在点击头部的时候要判断它是第几个section,在此使用协议来实现

.h文件：

@class AddStaffHeadView;

@protocol StaffListDisplay <NSObject>

- (void)headViewOpenStatusChanged:(AddStaffHeadView *)headView;//使用协议来判断哪个头部，是否点击了折叠展开按钮，所以最好传参数Headview

@end


@interface AddStaffHeadView : UITableViewHeaderFooterView

@property(nonatomic , strong) UIView *titleView;

@property(nonatomic , strong) UILabel *deptNameLabel;

@property(nonatomic , strong) UIView *seperateLineView;

@property(nonatomic , strong) UIView *addView;

@property(nonatomic , strong) UIImageView *addImageView;

@property(nonatomic , strong) UILabel *addTitleLabel;

@property(nonatomic , strong) UIButton *foldBtn;

@property(nonatomic , assign) NSInteger section;

@property(nonatomic , assign) BOOL opened;

@property(nonatomic , assign) id<StaffListDisplay> displayDelegate;


@end

.m文件：

#import "AddStaffHeadView.h"


@implementation AddStaffHeadView


- (instancetype) initWithReuseIdentifier:(NSString *)reuseIdentifier

{

    if (self = [super initWithReuseIdentifier:reuseIdentifier]) {

        [self addViews];

        [self makeViewsConstraint];

    }

    return self;

}


- (void) addViews

{

    [self addSubview:self.titleView];

    [_titleView addSubview:self.deptNameLabel];

    [self addSubview:self.seperateLineView];

    [self addSubview:self.addView];

    [_addView addSubview:self.addImageView];

    [_addView addSubview:self.addTitleLabel];

    [_titleView addSubview:self.foldBtn];

}


- (void) makeViewsConstraint

{

    

    [_addView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.and.right.equalTo(self);

        make.bottom.equalTo(self);

        make.height.equalTo(@30);

    }];

    

    [_seperateLineView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.and.right.equalTo(self);

        make.height.equalTo(@0.5);

        make.bottom.equalTo(_addView.mas_top);

    }];

    

    [_titleView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.and.right.equalTo(self);

        make.top.equalTo(self);

        make.bottom.equalTo(_seperateLineView.mas_top);

    }];

    

    [_deptNameLabel mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(@15);

        make.right.equalTo(self).offset(-150);

        make.centerY.equalTo(_titleView);

    }];

    

    [_foldBtn mas_makeConstraints:^(MASConstraintMaker *make) {

        make.right.equalTo(@(0));

        make.centerY.equalTo(_titleView);

        make.left.equalTo(_deptNameLabel.mas_right).offset(10);

        //        make.width.equalTo(@10);

    }];

    

    

    [_addImageView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(@15);

        make.centerY.equalTo(_addView);

        make.width.equalTo(@20);

        make.height.equalTo(@20);

    }];

    [_addTitleLabel mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(_addImageView.mas_right).offset(10);

        make.centerY.equalTo(_addView);

        make.width.equalTo(@150);

    }];

    

}


#pragma mark getter


- (UIView *) titleView

{

    if (!_titleView) {

        _titleView = [[UIView alloc] init];

        _titleView.backgroundColor = [UIColor whiteColor];

    }

    return _titleView;

}


- (UILabel *) deptNameLabel

{

    if (!_deptNameLabel) {

        _deptNameLabel = [[UILabel alloc] init];

        _deptNameLabel.font = MC_12_Font;

    }

    return _deptNameLabel;

}


- (UIView *) seperateLineView

{

    if (!_seperateLineView) {

        _seperateLineView = [[UIView alloc] init];

        _seperateLineView.backgroundColor = [UIColor lightGrayColor];

    }

    return _seperateLineView;

}


- (UIView *) addView

{

    if (!_addView) {

        _addView = [[UIView alloc] init];

        _addView.backgroundColor = [UIColor whiteColor];

    }

    return _addView;

}


- (UIImageView *) addImageView

{

    if (!_addImageView) {

        _addImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"addImage"]];

    }

    return _addImageView;

}


- (UILabel *) addTitleLabel

{

    if (!_addTitleLabel) {

        _addTitleLabel = [[UILabel alloc] init];

        _addTitleLabel.text = @"添加员工";

        _addTitleLabel.font = MC_16_Font;

        _addTitleLabel.textColor = [UIColor grayColor];

        

    }

    return _addTitleLabel;

}


- (UIButton *) foldBtn

{

    if (!_foldBtn) {

        _foldBtn = [UIButton buttonWithType:UIButtonTypeCustom];

        [_foldBtn setImage:[UIImage imageNamed:@"fold_arrow"] forState:UIControlStateNormal];

        [_foldBtn setImage:[UIImage imageNamed:@"unfold_arrow"] forState:UIControlStateSelected];

        [_foldBtn bk_addEventHandler:^(id sender) {

            if (self.opened) {

                self.opened = NO;

                

            } else {

                self.opened = YES;

            }

            if ([self.displayDelegate respondsToSelector:@selector(headViewOpenStatusChanged:)]) {

                [self.displayDelegate headViewOpenStatusChanged:self];//调用协议

            }

        } forControlEvents:UIControlEventTouchUpInside];

    }

    return _foldBtn;

}


- (void)setOpened:(BOOL)opened

{

    _opened = opened;

    self.foldBtn.selected = opened;

}



@end



在要使用的tableview写上协议：

- (UIView *) tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section

{


    AddStaffHeadView *deptView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:@"WorkHeadView"];


    QueryDeptInfoListModel *deptInfo = self.deptInfoModel.List[section];

    deptView.deptNameLabel.text = [NSString stringWithFormat:@"%@     (%@/%@)",deptInfo.DeptName,deptInfo.StaffNum,deptInfo.StaffNum];


    //添加员工加单击手势

    UITapGestureRecognizer *tapGesture=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(addWorkerClicked:)];

    [deptView.addView addGestureRecognizer:tapGesture];

    tapGesture.view.tag = section;//巧妙使用手势的tag属性

    NSNumber *opened = self.openlist[section];

    deptView.opened =  opened.boolValue;

    deptView.section = section;

    deptView.displayDelegate = self;

    return deptView;

}


- (void) addWorkerClicked :(UITapGestureRecognizer *) recognizer

{

    NSInteger section = recognizer.view.tag;

    QueryDeptInfoListModel *deptInfoListModel= [QueryDeptInfoListModel mj_objectWithKeyValues:_deptInfoModel.List[section]];

    MCAddWorkerViewController *addWorkerVC = [[MCAddWorkerViewController alloc] init];

    addWorkerVC.deptId = deptInfoListModel.DeptId;

    [self.navigationController pushViewController:addWorkerVC animated:YES];

}


协议的实现：

- (void)headViewOpenStatusChanged:(AddStaffHeadView *)headView

{

    self.openlist[headView.section]=@(headView.opened);

    NSNumber *open = self.openlist[headView.section];

    if (open.boolValue == YES) {

        QueryDeptInfoListModel *deptInfoList = [QueryDeptInfoListModel mj_objectWithKeyValues:_deptInfoModel.List[headView.section]];

        [self requestNetwork:deptInfoList.DeptId section:headView.section];

    }

    else

    {

        [_tableView reloadSections:[NSIndexSet indexSetWithIndex:headView.section] withRowAnimation:UITableViewRowAnimationAutomatic];

    }


}


在最开始先默认折叠状态

_openlist = [NSMutableArray array];

    for (int i = 0; i < self.deptInfoModel.List.count; i++) {

        [_openlist addObject:@NO];

    }


效果图：

101458_BnjW_2534563.png

转载于:https://my.oschina.net/u/2534563/blog/649530

weixin_33751566
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TableViewSection展开隐藏
04-14
这个demo实现了TableViewSection的展开隐藏功能，欢迎下载使用。
UITableView的展开与收缩
m0_55124878的博客
09-04 682
一.前言 在我们写程序时，总有些功能是需要UITableView的展开与折叠才能达到其想要的目的，所以在此写这篇博客作为笔记。 二.思路 1.重写UITableViewCell，可以按照自己的需求进行相应的重写。 2.在一个可变的数组的长度作为UITableView返回的行数，达到UITableViewCell行数可变的目的。 3.创建一个BOOL类型的属性，作为UITableView展开和收缩的判断值，在创建一个UIButton并添加事件来改变该BOOL类型的属性即控制UITableView的展开和收缩。
UITableView的headerView展开缩放动画
weixin_34066347的博客
12-01 193
UITableView的headerView展开缩放动画   效果   源码 https://github.com/YouXianMing/Animations // // HeaderViewTapAnimationController.m // Animations // // Created by FrankLiu on 15/11/30. // ...
UITableView 调整 Header 层级关系
小桥流水哗啦啦，iOS Coder 哒哒哒
08-07 1113
UITableView 的 Header如何嵌在第一个 Cell 下面 为什么要调整层级关系 还用问嘛，当然是产品经理拿着四十米大刀告诉你我就要这个效果。 橙色 View 为轮播滚动效果。 一眼看过去，简单，就是 tableView + 一个 headerView 思路 让 headerView 的子视图比 Header高一点，就可以超出 headerView 占位高度，达到在第一个 Cell 的底部，完成 UI 小姐姐的交叉效果。 一顿猛操作 private func setupTableView
iOS tableview中UILabel点击全文展开 点击收起
weixin_33859504的博客
12-15 1292
2019独角兽企业重金招聘Python工程师标准>>> ...
iOS中Cell的Section展开和收起的示例代码
08-29
本篇将介绍如何在iOS应用中实现Cell的Section展开和收起的示例代码。 首先，我们要处理的是用户点击Cell时的行为。当用户点击UITableView中的某个Cell时，我们需要检测该Cell所在的Section是否需要展开或收起。这...
swift实现树级结构Cell折叠和展开
09-30
本话题主要探讨如何使用Swift实现树级结构的Cell，允许用户进行折叠和展开操作，以展示层次化的数据。在iOS应用中，这样的功能常见于文件管理器、组织结构视图或者导航菜单等场景。 首先，我们需要理解树形结构。在...
关于cell展开
03-11
因此，在cell展开和折叠时，需要正确处理cell的重用，确保在不同状态下的cell显示正确。 7. **自定义布局**： - 对于UICollectionView，可能需要自定义UICollectionViewFlowLayout，以便在cell展开时调整其大小和...
iOS+折叠文本+UITableView文本cell折叠
最新发布
03-12
- 需要维护一个数据模型，包含每个Cell的文本内容和展开状态。当Cell状态改变时，相应的模型也要同步更新。 6. **性能优化**： - 使用` tableView(_:estimatedHeightForRowAt:)`提供估算高度，以提高滚动性能。 ...
折叠Cell,下拉展示
03-16
折叠Cell是一种在iOS应用开发中常见的用户界面设计技术，它允许在一个UITableView或UICollectionView中实现可扩展和收缩的单元格。这种设计模式提高了用户体验，因为用户可以仅查看他们感兴趣的信息，而不是一次性...
自定义tableView的section header／footerView时的view复用问题
热门推荐
sky_yang1024的专栏
04-28 1万+
1.首先要自定义一个sectionHeadView／sectionFootView继承自 UITableViewHeaderFooterView，如下： @interface FriendCircleView : UITableViewHeaderFooterView 2.在自定义的sectionHeadView／sectionFootView中重写这个
【iOS】UITableView中section的展开和收起
baidu_25743639的专栏
10-14 3097
我们在做项目时,经常遇到UITableView需要展开与收起的情况,类似手机QQ的折叠,而且根据数据的不同判断有多少行需要展开与收起.之前做项目的时候也使用过，最近有时间整理，就把之前是怎么操作的记录下来。 首先,我们先说下思路: 思路：在写代码的时候我们可以很容易的写出cell和setion。但是系统并没有提供记录section状态的方法或是属性。我们需要点击某个section的
UITableView的折叠与展开
番薯大佬的专栏
05-16 2012
#import "ViewController.h" #define Ksmall 40.0f #define Klarge 80.0f #define KNoOpen @"NoOpen" @interface ViewController (){     int flag; } @property(nonatomic,retain)NSMutableDict
uitableview 的展开与收起
weixin_30666753的博客
02-25 127
https://blog.csdn.net/forzhouwei/article/details/79018484 这篇文章大概完整的示范了如何实现这个功能，但是还存在一些遗漏，现补充一下： 1、要声明一个可变字典来标记section是打开还是关闭 2、不仅要根据字典来确定heightForRowAtIndexPath的高度，还要确定numberOfRowsInSection的量 转载于...
tableView展开和收起
weixin_33994444的博客
05-16 143
2019独角兽企业重金招聘Python工程师标准>>> ...
UITableView sectionHead取消悬浮,和让UICollectionView SectionHead悬浮
chenguixin2012的博客
08-24 1264
只是为了备忘，关于tableView的还没做过测试，不过代码很简单，看上去可行的样子 UITableView sectionHead取消悬浮 原地址：http://www.tuicool.com/articles/niuQZjm UICollectionView sectionHead悬浮，第一种方法是重载collectionFlowLayout，git上有个现成的（确定可行） 地址如下：
UITableView cell的展开与收起(伴随指示箭头)
C_calary的博客
05-26 5445
如果想获得更好的阅览体验，请移步简书1.第一步//创建数据源并创建一个记录是否展开的数据源 @property (nonatomic, strong)NSMutableArray *dataArray;//数据 @property (nonatomic, strong)NSMutableArray<NSNumber *> *isExpland;//是否展开2.第二步- (void)viewDidLo
iOS tableviewcell里点击文字展开与收起功能
smileKH的博客
10-11 3522
做项目遇到动态列表中需要做文字展开与收起功能，有空单独抽出一个demo给大家参考。 1、效果图如下： 2、创建tableview与添加数据 - (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor whiteColor]; self.title = @"在tablecell中文本的展开与收起"; self.allData = [NSMutableArray array];
iOS tableView的sectionHeader点击折叠方法
劉光軍_Shine的博客
12-17 365
效果 如图： 4AB0A241-6BFE-42EF-A887-0F6C24CDB9BB.png 812E4841-C091-489B-971C-03165F0C2F2C.png 在项目中遇到这个问题，总结出比较方便使用的方法 《1》 tableView的headerView和cell有些类似， 所以先创建一个类， 继承自UITableViewHeaderF...
ios tableview多级展开折叠,仿qq
10-09
6. 添加动画效果：为了增加用户体验，在展开折叠的过程中可以添加一些动画效果，比如cell的展开和折叠、tableView的滚动等。 7. 处理点击事件：根据用户的点击来判断是展开还是折叠，并更新对应的模型和tableView。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值