码迷,mamicode.com
首页 > 其他好文 > 详细

仿QQ空间用一个tableview显示多种自定义cell

时间:2015-10-17 20:49:56      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:

                                                      第一部分 要实现效果

先来看看真实QQ空间的效果吧:

技术分享

从这张截图中,可以看到两种自定义的cell,其实在QQ空间的我的空间中有三种自定义的cell,那么这就是我们要实现的效果。

                                       第二部分 实现的思路

第一步(由于没有数据源,我们只好操作plist文件):

创建我们所需要的plist文件,如下图:

这是表格样式三所需的plist文件

技术分享

这是我们表格样式一所需的plist文件

技术分享

这是表格样式二所需要的文件

技术分享


第二步 有了素材文件之后,就好办了,我们需要把它解析出来,由于这些plist文件都是以数组形式包装的,所以在解析出来的时候,我们要用数组给他们保存起来,所以我们在头文件中声明了这三个数组

技术分享

第三步 加载并保存plist文件

技术分享

第四步 控制器成为表格的代理和数据源,并实现数据源相应的方法

技术分享


第五步  实现表格的返回section的分区数的这个方法,这个很重要,也是实现我们今天的这个效果的关键部分之一

由于我们需要实现三个自定义的cell,所以在这里返回3就行了,如果你想返回很多个分区,你在这里写上你想要的分区数就行了

技术分享

第六步 返回每个分区表格的行数,由于有三个分区,需要作相应的判断,方法如下

技术分享

第七步  返回每个分区中表格中每行返回的要显示的cell

技术分享

第八步 返回分区中每行表格需要显示的行高,不要忘了这个方法哦,不然表格不会正常的显示出来,而是显示默认的44的高度

技术分享

                                       第三部分 程序实现的效果

好了,思路大概就是那样的了,现在来看看我们的结果吧

技术分享

技术分享


                                            第四部分  源码

为了方便大家学习,我把源码复制上来

//  多样式的表格

//

//  Created by 妖精的尾巴 on 15-10-16.

//  Copyright (c) 2015 妖精的尾巴. All rights reserved.

//


#import "ViewController.h"

#import "LHZoneCell.h"

#import "mySpaceCell.h"

#import "gameCell.h"


@interface ViewController ()<UITableViewDataSource,UITableViewDelegate>


/**

 *存储qqZoneDataplist的文件数组

 */

@property(nonatomic,strong)NSArray* plistDataArray;

/**

 *存储mySpaceplist的文件数组

 */

@property(nonatomic,strong)NSArray* plistArray;

/**

 *存储playPlist的文件数组

 */

@property(nonatomic,strong)NSArray* playArray;



@end


@implementation ViewController


- (void)viewDidLoad {

    [super viewDidLoad];

    [self createTable];

    [self loadPlistData];

}


-(void)loadPlistData

{

    NSString* pathFile=[[NSBundle mainBundle]pathForResource:@"qqZoneData.plist" ofType:nil];

    self.plistDataArray=[NSArray arrayWithContentsOfFile:pathFile];

    

    NSString* path=[[NSBundle mainBundle]pathForResource:@"mySpace.plist" ofType:nil];

    self.plistArray=[NSArray arrayWithContentsOfFile:path];

    

    NSString* pFile=[[NSBundle mainBundle]pathForResource:@"play.plist" ofType:nil];

    self.playArray=[NSArray arrayWithContentsOfFile:pFile];

}


-(void)createTable

{

    UITableView* tableView=[[UITableView alloc]initWithFrame:CGRectMake(0, 20, self.view.frame.size.width, self.view.frame.size.height) style:UITableViewStyleGrouped];

    tableView.delegate=self;

    tableView.dataSource=self;

    [self.view addSubview:tableView];

}


#pragma mark - 表格数据源方法


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


    return 3;

}


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

{

    

    if (section == 0) {

        return self.plistArray.count;

    }else if(section==1){

        return self.plistDataArray.count;

    }else{

        return self.playArray.count;

    }

}


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

{

    if (indexPath.section == 0) {

     NSString* cellw=@"c";

     mySpaceCell* cell=[tableView dequeueReusableCellWithIdentifier:cellw];

     if (cell==nil)

     {

     cell=[[[NSBundle mainBundle]loadNibNamed:@"mySpaceCell" owner:nil options:nil] lastObject];

     }

     NSDictionary* dict=self.plistArray[indexPath.row];

     cell.accessoryType=UITableViewCellAccessoryDisclosureIndicator;

     cell.icon.image=[UIImage imageNamed:dict[@"icon"]];

     cell.visitorFriendIcon.image=[UIImage imageNamed:dict[@"visitorFriendIcon"]];

     cell.visitorLabel.text=dict[@"visitorLabel"];

     cell.friendName.text=dict[@"friendName"];

        return cell;

    }

    else if (indexPath.section==1){

        NSString* celle=@"cell";

        LHZoneCell* cell=[tableView dequeueReusableCellWithIdentifier:celle];

        if (cell==nil)

        {

            cell=[[[NSBundle mainBundle]loadNibNamed:@"LHZoneCell" owner:nil options:nil] lastObject];

        }

        NSDictionary* dict=self.plistDataArray[indexPath.row];

        cell.userIcon.image=[UIImage imageNamed:dict[@"userIcon"]];

        cell.usernickName.text=dict[@"userName"];

        cell.userPubulishTime.text=dict[@"userPubulishTime"];

        cell.userContentLabel.text=dict[@"userContentlabel"];

        cell.userbrowseLabel.text=dict[@"userbrowseLabel"];

        cell.userPhoneSource.text=dict[@"userPhoneSource"];

        cell.userAppreciateNumbers.text=dict[@"userAppreciateNumbers"];

        cell.userContentImage.image=[UIImage imageNamed:dict[@"userContentImage"]];

        return cell;

    }

    NSString* cellID=@"cell";

    gameCell* cell=[tableView dequeueReusableCellWithIdentifier:cellID];

    if (cell==nil) {

        cell=[[[NSBundle mainBundle]loadNibNamed:@"gameCell" owner:nil options:nil] lastObject];

    }

    NSDictionary* dict=self.playArray[indexPath.row];

    cell.gameIcon.image=[UIImage imageNamed:dict[@"image"]];

    cell.gameCount.text=dict[@"peopleCount"];

    cell.gameTitle.text=dict[@"title"];

    cell.gameType.text=dict[@"type"];

    return cell;

    

}

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

{

    //第三组的高度

    if (indexPath.section == 2) {

        return 92;

    }

    else if (indexPath.section==1){

        return 320;

    }

    else{

    //第一组的高度

        return 50;

    }

}

@end



仿QQ空间用一个tableview显示多种自定义cell

标签:

原文地址:http://my.oschina.net/iOSliuhui/blog/518317

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!