IOS开发UI篇--UITableView的自定义布局==xib布局

利用Xib进行实现

应用场景：像团购网站的列表数据显示，新闻列表显示等（由于该类的显示的数据单元格内容格式相同）

（1）主控制器文件，在文件中实现了自己自定义的代理，加载数据，

#import "SLViewController.h"
#import "SLTgDatas.h"
#import "SLTableViewCell.h"
#import "SLFooterView.h"
#import "SLHeaderView.h"

@interface SLViewController ()<UITableViewDataSource,UITableViewDelegate,SLFooterViewDelegate>

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

@property (nonatomic,strong) NSMutableArray *arrayM;

@end

@implementation SLViewController

-(void)loadMoreData
{
    NSLog(@"=======");
    SLTgDatas *da=[[SLTgDatas alloc] init];
    da.title=@"西红柿鸡蛋";
    da.price=@"12";
    da.buyCount=@"56";
    da.icon=@"2c97690e72365e38e3e2a95b934b8dd2";
    [self.arrayM  addObject:da];
    [self.tableview reloadData];
    
}


#pragma mark -解析plist数据文件
-(NSMutableArray *)arrayM
{
    if (_arrayM==nil) {
        NSString *fullpath=[[NSBundle mainBundle] pathForResource:@"tgs" ofType:@"plist"];
        NSArray *array=[NSArray arrayWithContentsOfFile:fullpath];
        NSMutableArray *arr=[NSMutableArray arrayWithCapacity:array.count];
        for (NSDictionary *dict in array) {
            SLTgDatas *data=[SLTgDatas tgDataWithDiectionary:dict];
            [arr addObject:data];
        }
       
        _arrayM=arr;
    }
 
    return _arrayM;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
   // self.tableview.dataSource=self;
    
    UINib *nib=[UINib nibWithNibName:@"SLFooterView" bundle:nil];
    SLFooterView *footerview=[[nib instantiateWithOwner:nil options:nil] firstObject];
    self.tableview.tableFooterView=footerview;
    
    footerview.delegate=self;
    
    SLHeaderView *headerview=[SLHeaderView headerWithView];
    self.tableview.tableHeaderView=headerview;
   
}

#pragma mark -填充数据进行显示
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1;
}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.arrayM.count;
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    SLTableViewCell  *cell=[SLTableViewCell cellWithTabelViewCell:tableView];
    SLTgDatas *data=self.arrayM[indexPath.row];
    cell.data=data;
    return cell;
}

#pragma mark -设置状态栏隐藏
-(BOOL)prefersStatusBarHidden
{
    return YES;
}

@end

（2）该文件是字典转对象模型文件

#import <Foundation/Foundation.h>

#import "SLGlobalCode.h"

@interface SLTgDatas : NSObject

@property (nonatomic,copy) NSString *title;
@property (nonatomic,copy) NSString *icon;
@property (nonatomic,copy) NSString *price;
@property (nonatomic,copy) NSString *buyCount;

@property (nonatomic,strong,readonly) UIImage *image;

//SLTg(tg)
-(instancetype)initWithTgDirectionary:(NSDictionary *)dict;

+(instancetype)tgDataWithDiectionary:(NSDictionary *)dict;
@end

#import "SLTgDatas.h"

@interface SLTgDatas ()
{
    UIImage *_image;
}
@end

@implementation SLTgDatas

-(UIImage *)image
{
    if (_image==nil) {
        _image=[UIImage imageNamed:self.icon];
    }
    return _image;
}
/**
 *  对代码进行抽取，成为其他地方也可以用这个方法
 */
//SLTgRetrun(tg)
-(instancetype)initWithTgDirectionary:(NSDictionary *)dict
{
    if (self=[self init]) {
       [self setValuesForKeysWithDictionary:dict];
    }
    return self;
}
+(instancetype)tgDataWithDiectionary:(NSDictionary *)dict
{
    return [[self alloc] initWithTgDirectionary:dict];
}
@end

（3）此文件是自定义cell对象，通过xib进行设计后，通过连线进行相关，方便控制器调用

#import <UIKit/UIKit.h>

#import "SLTgDatas.h"

@interface SLTableViewCell : UITableViewCell

@property (nonatomic,strong) SLTgDatas *data;

+(instancetype)cellWithTabelViewCell:(UITableView *)table;

@end

#import "SLTableViewCell.h"
@interface SLTableViewCell()

@property (weak, nonatomic) IBOutlet UIImageView *cellImage;
@property (weak, nonatomic) IBOutlet UILabel *celltitle;

@property (weak, nonatomic) IBOutlet UILabel *cellprice;

@property (weak, nonatomic) IBOutlet UILabel *cellbuycount;

@end

@implementation SLTableViewCell

+(instancetype)cellWithTabelViewCell:(UITableView *)table
{
    static NSString *str=@"cell";
    SLTableViewCell *cell=[table dequeueReusableCellWithIdentifier:str];
    if (cell==nil) {
        cell=[[[NSBundle mainBundle] loadNibNamed:@"SLTgPlistView" owner:nil
                                          options:nil] firstObject];
    }
    return cell;
}


-(void)setData:(SLTgDatas *)data
{
    _data=data;
    self.cellbuycount.text=data.buyCount;
    self.cellImage.image=data.image;
    self.cellprice.text=data.price;
    self.celltitle.text=data.title;
}
@end

（4）是底部加载更多选项

#import <UIKit/UIKit.h>

@protocol SLFooterViewDelegate <NSObject>

-(void)loadMoreData;

@end

@interface SLFooterView : UIView

@property (nonatomic,weak) id<SLFooterViewDelegate> delegate;
@end

    #import "SLFooterView.h"
    @interface SLFooterView ()

    @property (weak, nonatomic) IBOutlet UIButton *clieckbt;
    @property (weak, nonatomic) IBOutlet UIView *jiazai;



    @end
    @implementation SLFooterView

    -(void)setDelegate:(id<SLFooterViewDelegate>)delegate
    {
        _delegate=delegate;
    }

    - (IBAction)btnclick {
        self.clieckbt.hidden=YES;
        self.jiazai.hidden=NO;
        
    //    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0
    // * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
    //
    //    });
    //    
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            if ([self.delegate respondsToSelector:@selector(loadMoreData)])
                        {
                            [self.delegate loadMoreData];
                       }
                       self.clieckbt.hidden=NO;
                       self.jiazai.hidden=YES;
        });
       
        
    }

    @end

以上就是利用xib进行设计的tableView进行显示的列表数据

综上所述：在自定义UITabelViewCell的时候，有两种方式，要根据不同的场景进行利用。