文档章节

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

不孤独的美食家
 不孤独的美食家
发布于 2015/10/17 19:27
字数 990
阅读 3942
收藏 10

                                                      第一部分 要实现效果

先来看看真实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



© 著作权归作者所有

共有 人打赏支持
不孤独的美食家
粉丝 88
博文 159
码字总数 48705
作品 1
长沙
高级程序员
加载中

评论(1)

天卦师包包
天卦师包包
妹子真漂亮!
iOS-常用的自定义控件

前言 项目中比较可能会用到的自定义控件,也会去参考别人的第三方,解读他们解决问题的思路并加上自己的逻辑,记录下来方便以后阅读; (一)图文验证码; demo展示的是简单的图文验证(没有...

麦兜卖鱼丸
2016/10/18
33
0
高仿 QQ 空间--lh_Qzone

不孤独的美食家
2015/11/03
792
0
tableview的多个类型自定义cell的数据重用解决方案

UITableView继承自UIScrollview,是苹果为我们封装好的一个基于scroll的控件。上面主要是一个个的UITableViewCell,可以让UITableViewCell响应一些点击事件,也可以在UITableViewCell中加入UIT...

奋斗的青春年华
2016/12/22
13
0
iOS UITableView代理方法详解

iOS UITableView的代理方法详解 一、补充 在上一篇博客中,http://my.oschina.net/u/2340880/blog/404605,我将IOS中tableView(表视图)的一些常用方法总结了一下,这篇将tableView的代理方法...

珲少
2015/04/22
0
2
从零开始,直到···

温馨提示: 开续篇了 点击进入续篇 点击进入续篇 点击进入续篇 ( 43 ) 释放/销毁 //释放所有子控件 [<#控件#>.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)]; ( 42 ...

阴雨音语
2016/01/20
752
0

没有更多内容

加载失败,请刷新页面

加载更多

打开eclipse出现an error has occurred see the log file

解决方法: 1,打开eclipse安装目录下的eclipse.ini文件; 2,打开的文本文件最后添加一行 --add-modules=ALL-SYSTEM 3,保存重新打开Eclipse。...

任梁荣
昨天
3
0
搞定Northwind示例数据库,无论哪个版本的SQLServer都受用

Northwind数据库 从这里可以找到突破口: http://social.msdn.microsoft.com/Forums/zh-CN/Vsexpressvb/thread/8490a1c6-9018-40c9-aafb-df9f79d29cde 下面是MSDN: http://msdn2.microsoft......

QQZZFT
昨天
1
0
mysql主从同步,安装配置操作

准备 两台mysql服务,我这里准备了如下: 主库:192.168.176.128 从库:192.168.176.131 如何在Linux上安装mysql服务,请看https://blog.csdn.net/qq_18860653/article/details/80250499 操作...

小致dad
昨天
3
0
一个手机装天下,走遍中国都不怕!

导读 “1200元(人民币,下同),微信支付,可以,你扫我。”来自西非马里共和国的展商Albert拿着手机,和一位买走他手鼓的中国游客用简单的汉语交流着。 近日,“第十四届中俄蒙经贸洽谈暨商品...

问题终结者
昨天
2
0
Redis的“死键”问题

大规模的数据库存储系统中,数据的生命周期管理是很有必要的;从业务角度发现过期数据,数据归档和数据碎片整理等。以MySQL为例,1个运行很久的TB级MySQL实例中,极有可能数百GB的数据,对业...

IT--小哥
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部