第二十七篇：QQ好友列表，UITableViewHeaderFooterView用法

最新推荐文章于 2023-08-21 14:16:11 发布
最新推荐文章于 2023-08-21 14:16:11 发布
阅读量1.9k 收藏
点赞数
分类专栏： ------------IOS学习笔记----------- UI界面编程 IOS移动开发学习笔记 文章标签： IOS objective-c UI uitableview headerView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010372095/article/details/48896231
版权
1.设置tableView的headerView注要以下几个： 
#pragma mark - tableView代理方法

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    // 取得一个自定义的 headerView
    QJHeaderView * headerView = [QJHeaderView headerViewWithTableView:tableView];
    
    // 设置数据
    headerView.friendGroup = self.friendGroups[section];
    
    // 设置代理对象
    headerView.delegate = self;
    
    return headerView;
}
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
    return 60;
}
UITableViewHeaderFooterView：
》/** 当初始化headerView完时，系统自动调用该方法设置子控件的frame ，这是UIView中的方法 */
 - (void)layoutSubviews；

》可重用，与UITableViewCell类似


UIView自带的方法
 1> - (void)layoutSubviews;
  * 当一个控件的frame发生改变的时候就会自动调用
  * 一般在这里布局内部的子控件(设置子控件的frame)
  * 一定要调用super的layoutSubviews方法
 2> - (void)didMoveToSuperview;
  * 当一个控件被添加到父控件中就会调用
 3> - (void)willMoveToSuperview:(UIView *)newSuperview;
  * 当一个控件即将被添加到父控件中会调用


UIButton：

》// * 下面两个设置使得图片转换角度时不变形
            // 当国图片超出bounds的边界时 是否需要剪掉 超出的部分
             headerBtn.imageView.clipsToBounds = NO;
            // 设置图片内容模式居中
           headerBtn.imageView.contentMode = UIViewContentModeCenter;
》// 添加 headerBtn 的监听点击事件
           [headerBtn addTarget:self action:@selector(headerViewDidClicked) forControlEvents:UIControlEventTouchUpInside];
         // 设置 headerBtn 内容水平对齐方式

           headerBtn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;


效果图：



代码MVC模式：

Model：

//
//  QJFriend.h
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface QJFriend : NSObject

@property(nonatomic,copy)NSString * icon;
@property(nonatomic,copy)NSString * intro;
@property(nonatomic,copy)NSString * name;
@property(nonatomic,assign,getter=isVip)BOOL vip;

+ (instancetype)friendWithDictionary:(NSDictionary *)dic;
- (instancetype)initWithDictionary:(NSDictionary *)dic;

@end

//
//  QJFriend.m
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import "QJFriend.h"

@implementation QJFriend

+ (instancetype)friendWithDictionary:(NSDictionary *)dic{
    return [[self alloc] initWithDictionary:dic];
}
- (instancetype)initWithDictionary:(NSDictionary *)dic{
    
    if (self = [super init]) {
        self.icon = dic[@"icon"];
        self.name = dic[@"name"];
        self.intro = dic[@"intro"];
        self.vip = [dic[@"vip"] intValue];
    }
    return self;
}

@end


//
//  QJFriendGroup.h
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import <Foundation/Foundation.h>

@class QJFriend;

@interface QJFriendGroup : NSObject
/** 存放的是QJFrined模型 */
@property(nonatomic,strong)NSArray * friends;
@property(nonatomic,copy)NSString * name;
@property(nonatomic,assign)int online;
@property(nonatomic,assign,getter=isGroupOpen)BOOL groupOpened;

+ (instancetype)friendGroupWithDictionary:(NSDictionary *)dic;
- (instancetype)initWithDictionary:(NSDictionary *)dic;

@end

//
//  QJFriendGroup.m
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import "QJFriendGroup.h"
#import "QJFriend.h"

@implementation QJFriendGroup

+ (instancetype)friendGroupWithDictionary:(NSDictionary *)dic{
    return  [[QJFriendGroup alloc]initWithDictionary:dic];
}
- (instancetype)initWithDictionary:(NSDictionary *)dic{
    if (self = [super init]) {
        self.name = dic[@"name"];
        self.online = [dic[@"online"] intValue];
        self.friends = dic[@"friends"];
        self.groupOpened = NO;
        NSMutableArray * friends = [NSMutableArray array];
        for (NSDictionary * dict in self.friends ) {
            QJFriend * friendData = [QJFriend friendWithDictionary:dict];
            [friends addObject:friendData];
        }
        self.friends = friends ;
    }
    
    return self;
}

@end

View: 

//
//  QJFriendCell.h
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import <UIKit/UIKit.h>

@class QJFriend;
@interface QJFriendCell : UITableViewCell

@property (nonatomic , weak)QJFriend * friendData;

+ (instancetype)friendCellWithTableView:(UITableView *)tableView;

@end


//
//  QJFriendCell.m
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import "QJFriendCell.h"
#import "QJFriend.h"

@implementation QJFriendCell

+ (instancetype)friendCellWithTableView:(UITableView *)tableView{
    static NSString * ID = @"friendCell";
    QJFriendCell * cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (cell == nil) {
        cell = [[self alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
    }
    return cell;
}

- (void)setFriendData:(QJFriend *)friendData{
    _friendData = friendData;
    
    self.imageView.image = [UIImage imageNamed:friendData.icon];
    self.textLabel.text = friendData.name;
    self.detailTextLabel.text = friendData.intro;
}

@end
主要： 
//
//  QJHeaderView.h
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import <UIKit/UIKit.h>

@class QJFriendGroup , QJHeaderView;

@protocol QJHeaderViewDelegate <NSObject>

@optional
- (void)headerViewDidClicked:(QJHeaderView *)headerView;

@end

@interface QJHeaderView : UITableViewHeaderFooterView

@property (nonatomic , weak)QJFriendGroup * friendGroup;
@property (nonatomic , weak)id<QJHeaderViewDelegate> delegate;

+ (instancetype)headerViewWithTableView:(UITableView *)tableViw;

@end


//
//  QJHeaderView.m
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import "QJHeaderView.h"
#import "QJFriendGroup.h"

@interface QJHeaderView ()

@property (nonatomic , weak)UIButton * headerBtn;
@property (nonatomic , weak)UILabel * headerLabel;

- (void)headerViewDidClicked;
@end

@implementation QJHeaderView

/** 创建一个headerView */
+ (instancetype)headerViewWithTableView:(UITableView *)tableViw{
    static NSString * ID = @"headerView";
    // 找可重用的headerView
    QJHeaderView * headerView = [tableViw dequeueReusableHeaderFooterViewWithIdentifier:ID];
    if (headerView == nil) {
        headerView = [[QJHeaderView alloc]initWithReuseIdentifier:ID];
    }
//    headerView.friendGroup.groupOpened = NO;
    return headerView ;
}
/** 重写初始化方法 添加控件 */
- (instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier{
    
    if (self = [super initWithReuseIdentifier:reuseIdentifier]) {
        // 1.添加一个按妞
        UIButton * headerBtn = [[UIButton alloc]init];
        // 设置内边距
        headerBtn.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);
        headerBtn.contentEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);
        // 设置背景图片
        [headerBtn setBackgroundImage:[UIImage imageNamed:@"buddy_header_bg"] forState:UIControlStateNormal];
        [headerBtn setBackgroundImage:[UIImage imageNamed:@"buddy_header_bg_highlighted"] forState:UIControlStateHighlighted];
        // 设置button中的Image时必须要调用方法，不能用.ImageView.image来设置
        [headerBtn setImage:[UIImage imageNamed:@"buddy_header_arrow"] forState:(UIControlStateNormal)] ;
        
        // * 下面两个设置使得图片转换角度时不变形
        // 当国图片超出bounds的边界时 是否需要剪掉 超出的部分
        headerBtn.imageView.clipsToBounds = NO;
        // 设置图片内容模式居中
        headerBtn.imageView.contentMode = UIViewContentModeCenter;
        
        // 设置title的字体颜色
        [headerBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal ];
        // 添加 headerBtn 的监听点击事件
        [headerBtn addTarget:self action:@selector(headerViewDidClicked) forControlEvents:UIControlEventTouchUpInside];
        // 设置 headerBtn 内容水平对齐方式
        headerBtn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
        [self.contentView addSubview:headerBtn];
        self.headerBtn = headerBtn ;
        
        
        // 2.添加一个标签控件
        UILabel * headerLabel = [[UILabel alloc]init];
        headerLabel.textAlignment = NSTextAlignmentRight;
        headerLabel.textColor = [UIColor grayColor];
        [self.contentView addSubview:headerLabel];
        self.headerLabel = headerLabel ;
        
    }
    return self ;
}

/** 当 headerBtn 按妞被点击时调用  */
- (void)headerViewDidClicked{
    // 状态变换
    self.friendGroup.groupOpened = !self.friendGroup.groupOpened;
    // 图片转一个角度
    if (self.friendGroup.isGroupOpen){
        self.headerBtn.imageView.transform = CGAffineTransformMakeRotation(M_PI_2);
    }
    else{
        
        self.headerBtn.imageView.transform = CGAffineTransformMakeRotation(0);
    }
    // 调用代理方法
    if ([self.delegate respondsToSelector:@selector(headerViewDidClicked:)]) {
        [self.delegate headerViewDidClicked:self];
    }
}

/** 当初始化headerView完时，系统自动调用该方法设置子控件的frame */
- (void)layoutSubviews{
//    NSLog(@"%@ --- %@",NSStringFromCGRect(self.bounds),NSStringFromCGRect(self.frame));
    #warning mark - 一定要调用，不然子控件有些功能用不了
    // 注意：一定要初始化父对象
    [super layoutSubviews];
    
    // 设置contentView里的子控件位置
    self.headerBtn.frame = self.bounds;
    
    CGFloat W = 100;
    CGFloat H = self.frame.size.height;
    CGFloat Y = 0;
    CGFloat X = self.frame.size.width - W - 10;
    self.headerLabel.frame = CGRectMake(X, Y, W, H);
}

/** 初始化headerView中的内容 */
- (void)setFriendGroup:(QJFriendGroup *)friendGroup{
   
    _friendGroup = friendGroup ;

    // 设置headerBtn中的内容
    [self.headerBtn setTitle:friendGroup.name forState:UIControlStateNormal];
    
    // 设置headerLabel中的内容
    self.headerLabel.text = [NSString stringWithFormat:@"%d/%lu",friendGroup.online,friendGroup.friends.count];
}

@end

Controller: 

//
//  ViewController.h
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController


@end

//
//  ViewController.m
//  11-QQ好友列表
//
//  Created by 瞿杰 on 15/10/3.
//  Copyright © 2015年 itcast. All rights reserved.
//

#import "ViewController.h"
#import "QJFriendGroup.h"
#import "QJFriendCell.h"
#import "QJHeaderView.h"

@interface ViewController ()<UITableViewDataSource,UITableViewDelegate,QJHeaderViewDelegate>

@property (weak, nonatomic) IBOutlet UITableView *tableView;

@property (strong,nonatomic)NSArray * friendGroups;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    self.tableView.dataSource = self ;
    self.tableView.delegate = self;
    // 设置每组每个cell的高度
    self.tableView.rowHeight = 60;
    
}
- (BOOL)prefersStatusBarHidden{
    return YES;
}

/** 初始化数据内容 */
- (NSArray *)friendGroups{
    if (_friendGroups == nil) {
        NSArray * groups = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle]pathForResource:@"friends.plist" ofType:nil] ];
        NSMutableArray * friendGroups = [NSMutableArray array];
        for (NSDictionary * dic in groups){
            QJFriendGroup * friendGroup = [QJFriendGroup friendGroupWithDictionary:dic];
            [friendGroups addObject:friendGroup];
        }
        _friendGroups = friendGroups ;
    }
    return _friendGroups ;
}

#pragma mark - tableView数据源方法

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return self.friendGroups.count;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    QJFriendGroup * group = self.friendGroups[section];
    return (group.isGroupOpen ? group.friends.count : 0 );
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    
    // 创建一个Cell
    QJFriendCell * cell = [QJFriendCell friendCellWithTableView:tableView];
    
    // 设置数据
    QJFriendGroup * group = self.friendGroups[indexPath.section];
    QJFriend * friendData = group.friends[indexPath.row];
    cell.friendData = friendData ;
    
    return cell;
}
//- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{
//    QJFriendGroup * group = self.friendGroups[section];
//    return group.name;
//}

#pragma mark - tableView代理方法

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    // 取得一个自定义的 headerView
    QJHeaderView * headerView = [QJHeaderView headerViewWithTableView:tableView];
    
    // 设置数据
    headerView.friendGroup = self.friendGroups[section];
    
    // 设置代理对象
    headerView.delegate = self;
    
    return headerView;
}
- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
    return 60;
}

#pragma mark - QJHeaderView代理方法

- (void)headerViewDidClicked:(QJHeaderView *)headerView{
    [self.tableView reloadData];
}

@end


青山绿水之辈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS 小技能：自定义页脚和页眉（UITableViewHeaderFooterView代替 titleForHeaderInSection）
iOS逆向与安全
03-31 1万+
前言 如果系统的APItitleForHeaderInSection 满足不了你的需求，可以自定义UITableViewHeaderFooterView。 自定义UITableViewHeaderFooterView的步骤 注册 [_tableView registerClass:[CRMPasswordRuleDescHeaderFooterView class] forHe.........
关于在tableview的footerView上添加button的点击不响应事件
JinJie_ing的专栏
04-22 4881
今天在做支付的页面时，发现加在footerView上的充值button点击没有响应，后来通过各种查找原因，发现是因为没有给footer设置高度。最后通过tableView设置高度的代理方法设置了一个高度。 - (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section {
UITableView之（六）：HeaderView和FooterView
leleyuan1130的博客
09-14 2499
UITableView提供了tableHeaderView、tableFooterView、 viewForFooterInSection、viewForHeaderInSection来为表格设置样式，它们的用法略有区别。 tableHeaderView和tableFooterView的用法相同： 1、可以为任何style的tableView设置，并且头和尾只有各一个 2、创建需要显示的vi...
033-UITableViewHeaderFooterView-iOS笔记
weixin_33906657的博客
10-08 248
学习目标 1.【掌握】静态单元格应用 2.【掌握】动态原型应用 3.【理解】UITableViewHeaderFooterView 一、静态单元格应用 这个案例的目的是了解静态单元格的使用场合及操作方式，在一些情况下使用静态单元格会更加方便和快捷。我们需要了解静态单元格的一些特性及设置方式。案例效果图如下： 静态单元格只支持UITableViewController，所以先将之...
UITableViewHeaderFooterView
u011248221的博客
05-20 1620
定义表视图的表头表尾并重用 1、定义表头子类 #pragma mark - HeaderView #define HeaderIdentifier @"Header" @interface PCOrderListHeaderView : UITableViewHeaderFooterView /** 订单创建时间 */ @property (nonatomic, strong) UILabel...
iOS学习-UITableView设置heightForFooterInSection无效以及tableview底部UITableViewHeaderFooterView默认有个浅灰色背景
qq_43441647的博客
05-06 599
初始化tableview的时候加上self.tableView.sectionFooterHeight = xx;，并在代理中设置一个UIView
UITableView自定义TableHeader和TableFooter
最新发布
chmod_R_755的专栏
08-21 683
我猜你希望的效果是这样的。
易语言取QQ好友列表
07-19
易语言取QQ好友列表源码,取QQ好友列表,取全局
JS仿QQ好友列表展开、收缩功能(第一篇)
12-29
效果图如下所示： html: 我的好友 张三 李四 ... 企业好友 小明 小红 ... 黑名单 哈哈 ... </ul>
JS仿QQ好友列表展开、收缩功能(第二篇)
10-19
主要介绍了JS仿QQ好友列表展开、收缩功能,当点击一个li元素，其他li元素上的类名清除掉。代码简单易懂，需要的朋友可以参考下
UITableView添加footerView按钮
碎语1992
02-12 3711
UITableView添加自定义的footerView按钮注：不需要设置footer的尺寸// 设置footerView // 注意：不需要设置footer的尺寸 MJTgFooterView *footer = [MJTgFooterView footerView]; footer.controller = self; self.tableView.tableFooterView = footer
UITableViewHeaderFooterView的使用+自动布局
王素燕
07-03 3683
UITableViewHeaderFooterView的使用+自动布局 使用UITableView的header或footer复用时，如果采用自动布局，你会发现有约束冲突，下面这样写可以消除约束冲突： #import @interface SectionView : UITableViewHeaderFooterView @property (nonatomic, cop
UITableViewHeaderFooterView 底部有一条细线
liubo的博客
05-26 741
如图所示，在iPhone 12 pro max 屏幕下，UITableViewHeaderFooterView 的底部有一条细线 解决方案，修改UITableViewHeaderFooterView的backgroundView，如下 UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, ScreenWidth, 50 * rectScale())]; view.backgroundC...
让UITableView的headerView或footerView跟随cell一起滚动
心虽远，情未变，乐依然。
08-18 3189
以headerView为例（footerView处理方式类似），以下四种方式均有独到之处。
UITableViewHeaderFooterView 特点
u013085212的博客
07-05 1109
UITableView,有很强大的重用机制，优化和提升性能。除了使用cell重用机制外，UITableViewHeaderFooterView也可以使用重用机制。在此，分享了我开发中遇到的UITableViewHeaderFooterView两个特性，抛砖引玉，希望能够有所帮助。
被忽略的 UITableViewHeaderFooterView
chunqingtai2922的博客
08-03 115
UITableView 我们知道cell 可以根据标记Identifier 可以进行重用，节省内存。 但是我们很多时候 我们在设置 headerView FootView 的时候 就是没有用到重用了！每次都是初始化了。 也不说这样写不对！得看实际情况。 [objc]vi...
iOS开发 改变UITableView的headerView、footerView背景颜色
doubleface999的博客
05-05 1399
问题 改变UITableView的header、footer背景颜色，这是个很常见的问题。之前知道的一般做法是，通过实现tableView: viewForHeaderInSection:返回一个自定义的View，里面什么都不填，只设背景颜色。但是今天发现一个更简洁的做法。 更简洁的方法 对于iOS 6及以后的系统，实现这个新的delegate函数即可： - (void)tableVie...
自定义的UITableViewHeaderFooterView的注意要点
EIamor的博客
05-03 7013
一、在使用代码编写UITableViewHeaderFooterView的时候，要知道在视图初始化的方法 init  中初始化是并不会为视图设置Frame，设置Frame是在tableVIew被初始化的时候进行的 二、由于初始化的时候并不会给视图设置Frame，所以在有子视图的情况下，无法在初始化的时候给子视图设置相对于UITableViewHeaderFooterView视图的大小，因此需要在
QQ好友列表 （UITableViewHeaderFooterView的使用）
流浪猫之家
11-20 2645
1，除可以为TableView设置Header/Footer文字外，还可以设置View，这个view如果是单独定义的CLASS，xu
java仿qq好友列表_QQ好友列表树形列表java代码实现代码
05-28
以下是一个简单的 Java 代码实现 QQ 好友列表树形列表： ```java import javax.swing.*; import javax.swing.event.*; import javax.swing.tree.*; public class QQFriendList extends JFrame implements ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值