【iOS开发-67】QQ好友列表案例:UITableViewHeaderFooterView类、layoutSubviews与didMoveToSuperView方法等

(1)效果

(2)源代码于素材下载

http://pan.baidu.com/s/1jfdr4

(3)总结

——有标记状态的属性,应该在对应的模型类中,并且把getter方法重命名为isXXX;

——UITableViewHeaderFooterView不可以用xib,只能用代码创建。

——layoutSubviews方法,是当改变父控件高度的时候,自动调用这个方法,所以一般在这里面设置子控件的frame。因为子控件随着父控件而改变。这里要注意的时,初始化方法中父控件没有frame,所以子控件设置frame没有用。

-(void)layoutSubviews{
    [super layoutSubviews];
    //此处frame和bounds的y值是不同的,此处因为我们的x和y始终是0,所以用bounds
    self.btn.frame=self.bounds;

    CGFloat labelY=0;
    CGFloat labelW=150;
    CGFloat labelH=self.frame.size.height;
    CGFloat labelX=self.frame.size.width-15-labelW;
    self.labelOnBtn.frame=CGRectMake(labelX, labelY, labelW, labelH);
}

——didMoveToSuperView是当某个子控件加载到父控件上得时候调用。如果我们需要刷新tableView的数据的话,那么我们在其他地方设置子控件的状态是无效的,因为会被刷新掉变成原先的样子。所以应该在这个方法中去设置子控件的状态等等(相当于截取子控件加载到父控件上得过程,然后做一些设置等)。

-(void)didMoveToSuperview{
    if (self.fGroup.isClick) {
        self.btn.imageView.transform=CGAffineTransformMakeRotation(M_PI_2);
    }else if(!self.fGroup.isClick){
        self.btn.imageView.transform=CGAffineTransformMakeRotation(0);
    }

——模型初始化中,先利用setValuesForKeysWithDictionary把全部属性注入,然后针对个别特殊的进行处理,最后覆盖一下即可。

-(instancetype)initWithDict:(NSDictionary *)dict{
    if (self=[super init]) {
        //先把所有属性转进去
        [self setValuesForKeysWithDictionary:dict];
        //再处理其中特殊的属性,把字典数组变成对象数组
        NSMutableArray *newFriendArray=[[NSMutableArray alloc]init];
        for (NSDictionary *dict in self.friends) {
            WPFriend *singleFriend=[WPFriend friendWithDict:dict];
            [newFriendArray addObject:singleFriend];
        }
        self.friends=newFriendArray;
    }
    return self;
}

——设置tableView每组头部的高度

self.tableView.sectionHeaderHeight=40;

——这是设置tableView每组header的内容,类似于设置cell内容。这个相对于titleForHeader...更丰富一点,因为可以是一个UIView,而对用的应该用一个UITableViewHeaderFooterView类的对象来返回。

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

——展开和合起好友列表,其实就是根据判断点击后状态,返回0行还是原先的行数。

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    WPFriendGroup *groups=self.friendGroup[section];
    return groups.isClick?0:groups.friends.count;
}

这个案例,主要难点在于每组头部内容的设置,以及设置一些状态属性用来记录和判断的小操作等。

时间: 2024-10-08 20:25:44

【iOS开发-67】QQ好友列表案例:UITableViewHeaderFooterView类、layoutSubviews与didMoveToSuperView方法等的相关文章

iOS TableView实现QQ好友列表(三)

上节我们讲到如何展示好友信息 iOS TableView实现QQ好友列表(二) http://blog.csdn.net/lwjok2007/article/details/46549111 接下来我们将分组点击的时候折叠起来. 首先新建一个可变字典用来存储当前列表是否展示 NSMutableArray *selectedArr;//控制列表是否被打开 selectedArr=[[NSMutableArray alloc]init]; 根据前两节所讲,我们讲分组名称放在section的heade

iOS TableView实现QQ好友列表(二)

上节地址:http://blog.csdn.net/lwjok2007/article/details/46534123 上一节实现了简单的好友列表,但是信息不够丰富,本节将好友的头像,名称,签名等信息全部显示出来 此处我们需要自定义cell 创建一个类  继承 UITableViewCell 添加所需属性 #import <UIKit/UIKit.h> @interface UserTableViewCell : UITableViewCell @property (strong,nonat

iOS TableView实现QQ好友列表(一)

一,创建项目 二,创建所需属性及实现列表 首先给ViewController创建两个属性 UITableView *tableView;//展示列表 NSArray *titleArray;//第一层列表需要展示的数据 初始化 tableView=[[UITableView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)]; tableView.showsVerticalScrollIndicator=NO; t

第二十七篇:QQ好友列表,UITableViewHeaderFooterView用法

1.设置tableView的headerView注要以下几个: #pragma mark - tableView代理方法 - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{ // 取得一个自定义的 headerView QJHeaderView * headerView = [QJHeaderView headerViewWithTableView:tableView]

【iOS开发-110】MapKit框架的主要类MKMapView以及代理方法,大头针的使用addAnnotation

#import "ViewController.h" #import <MapKit/MapKit.h> #import <CoreLocation/CoreLocation.h> @interface ViewController ()<MKMapViewDelegate> @property(nonatomic,strong) CLLocationManager *locMgr; @property (weak, nonatomic) IBOut

iOS-QQ好友列表 iOS 页面间几种传值方式(属性,代理,block,单例,通知)

主要是 点击按钮实现下拉 刷新数据 页面间传值 // // HMFriendsModel.h // QQ好友列表 // // Created by YaguangZhu on 15/9/1. // Copyright (c) 2015年 YaguangZhu. All rights reserved. // #import <Foundation/Foundation.h> @interface HMFriendsModel : NSObject @property(nonatomic,cop

[iOS基础控件 - 6.9.3] QQ好友列表Demo TableView

A.需求 1.使用plist数据,展示类似QQ好友列表的分组.组内成员显示缩进功能 2.组名使用Header,展示箭头图标.组名.组内人数和上线人数 3.点击组名,伸展.缩回好友组 B.实现步骤 1.编写MVC结构 (1)根据plist文件结构,编写model,使用嵌套型 1 // 2 // FriendGroup.h 3 // FriendsList 4 // 5 // Created by hellovoidworld on 14/12/12. 6 // Copyright (c) 2014

【iOS基础控件 - 13】【Demo 】QQ好友列表TableView

A.需求 1.使用plist数据,展示类似QQ好友列表的分组.组内成员显示缩进功能 2.组名使用Header,展示箭头图标.组名.组内人数和上线人数 3.点击组名,伸展.缩回好友组 code source: B.实现步骤 1.编写MVC结构 (1)根据plist文件结构,编写model,使用嵌套型 1 // 2 // FriendGroup.h 3 // FriendsList 4 // 5 // Created by hellovoidworld on 14/12/12. 6 // Copyr

UI基础--UITableView实现仿QQ好友列表页面

需求:类似于QQ好友列表页面的显示,有好友分组,有好友数量,在线人数,vip会员.展开分组时显示分组好友,合并分组时不显示:具体效果图如下: 分析: 1.展开分组时显示分组好友,该功能可以使用显示UITableViewCell的数据即可: 2.分组头可以考虑使用一个headerView来实现: 示例文件结构: 具体实现步骤: 1.自定义数据模型类,由于plist文件中包含了2个字典,所以需要写2个数据模型: 2.自定义cell,属性包括数据模型以及生成可重用cell的方法,由于系统自带的子控件即