IOS開發UI篇–UITableView的自定義布局==xib布局
編輯：關於IOS
利用Xib進行實現
應用場景：像團購網站的列表數據顯示，新聞列表顯示等（由於該類的顯示的數據單元格內容格式相同） （1）主控制器文件，在文件中實現了自己自定義的代理，加載數據， 復制代碼 1 #import "SLViewController.h" 2 #import "SLTgDatas.h" 3 #import "SLTableViewCell.h" 4 #import "SLFooterView.h" 5 #import "SLHeaderView.h" 6 7 @interface SLViewController ()<UITableViewDataSource,UITableViewDelegate,SLFooterViewDelegate> 8 9 @property (weak, nonatomic) IBOutlet UITableView *tableview; 10 11 @property (nonatomic,strong) NSMutableArray *arrayM; 12 13 @end 14 15 @implementation SLViewController 16 17 -(void)loadMoreData 18 { 19 NSLog(@"======="); 20 SLTgDatas *da=[[SLTgDatas alloc] init]; 21 da.title=@"西紅柿雞蛋"; 22 da.price=@"12"; 23 da.buyCount=@"56"; 24 da.icon=@"2c97690e72365e38e3e2a95b934b8dd2"; 25 [self.arrayM addObject:da]; 26 [self.tableview reloadData]; 27 28 } 29 30 31 #pragma mark -解析plist數據文件 32 -(NSMutableArray *)arrayM 33 { 34 if (_arrayM==nil) { 35 NSString *fullpath=[[NSBundle mainBundle] pathForResource:@"tgs" ofType:@"plist"]; 36 NSArray *array=[NSArray arrayWithContentsOfFile:fullpath]; 37 NSMutableArray *arr=[NSMutableArray arrayWithCapacity:array.count]; 38 for (NSDictionary *dict in array) { 39 SLTgDatas *data=[SLTgDatas tgDataWithDiectionary:dict]; 40 [arr addObject:data]; 41 } 42 43 _arrayM=arr; 44 } 45 46 return _arrayM; 47 } 48 49 - (void)viewDidLoad 50 { 51 [super viewDidLoad]; 52 // self.tableview.dataSource=self; 53 54 UINib *nib=[UINib nibWithNibName:@"SLFooterView" bundle:nil]; 55 SLFooterView *footerview=[[nib instantiateWithOwner:nil options:nil] firstObject]; 56 self.tableview.tableFooterView=footerview; 57 58 footerview.delegate=self; 59 60 SLHeaderView *headerview=[SLHeaderView headerWithView]; 61 self.tableview.tableHeaderView=headerview; 62 63 } 64 65 #pragma mark -填充數據進行顯示 66 -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 67 { 68 return 1; 69 } 70 71 -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 72 { 73 return self.arrayM.count; 74 } 75 76 -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 77 { 78 SLTableViewCell *cell=[SLTableViewCell cellWithTabelViewCell:tableView]; 79 SLTgDatas *data=self.arrayM[indexPath.row]; 80 cell.data=data; 81 return cell; 82 } 83 84 #pragma mark -設置狀態欄隱藏 85 -(BOOL)prefersStatusBarHidden 86 { 87 return YES; 88 } 89 90 @end 復制代碼 （2）該文件是字典轉對象模型文件 復制代碼 1 #import <Foundation/Foundation.h> 2 3 #import "SLGlobalCode.h" 4 5 @interface SLTgDatas : NSObject 6 7 @property (nonatomic,copy) NSString *title; 8 @property (nonatomic,copy) NSString *icon; 9 @property (nonatomic,copy) NSString *price; 10 @property (nonatomic,copy) NSString *buyCount; 11 12 @property (nonatomic,strong,readonly) UIImage *image; 13 14 //SLTg(tg) 15 -(instancetype)initWithTgDirectionary:(NSDictionary *)dict; 16 17 +(instancetype)tgDataWithDiectionary:(NSDictionary *)dict; 18 @end 復制代碼 復制代碼 1 #import "SLTgDatas.h" 2 3 @interface SLTgDatas () 4 { 5 UIImage *_image; 6 } 7 @end 8 9 @implementation SLTgDatas 10 11 -(UIImage *)image 12 { 13 if (_image==nil) { 14 _image=[UIImage imageNamed:self.icon]; 15 } 16 return _image; 17 } 18 /** 19 * 對代碼進行抽取，成為其他地方也可以用這個方法 20 */ 21 //SLTgRetrun(tg) 22 -(instancetype)initWithTgDirectionary:(NSDictionary *)dict 23 { 24 if (self=[self init]) { 25 [self setValuesForKeysWithDictionary:dict]; 26 } 27 return self; 28 } 29 +(instancetype)tgDataWithDiectionary:(NSDictionary *)dict 30 { 31 return [[self alloc] initWithTgDirectionary:dict]; 32 } 33 @end 復制代碼 （3）此文件是自定義cell對象，通過xib進行設計後，通過連線進行相關，方便控制器調用 復制代碼 1 #import <UIKit/UIKit.h> 2 3 #import "SLTgDatas.h" 4 5 @interface SLTableViewCell : UITableViewCell 6 7 @property (nonatomic,strong) SLTgDatas *data; 8 9 +(instancetype)cellWithTabelViewCell:(UITableView *)table; 10 11 @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）是底部加載更多選項 復制代碼 1 #import <UIKit/UIKit.h> 2 3 @protocol SLFooterViewDelegate <NSObject> 4 5 -(void)loadMoreData; 6 7 @end 8 9 @interface SLFooterView : UIView 10 11 @property (nonatomic,weak) id<SLFooterViewDelegate> delegate; 12 @end 復制代碼 復制代碼 1 #import "SLFooterView.h" 2 @interface SLFooterView () 3 4 @property (weak, nonatomic) IBOutlet UIButton *clieckbt; 5 @property (weak, nonatomic) IBOutlet UIView *jiazai; 6 7 8 9 @end 10 @implementation SLFooterView 11 12 -(void)setDelegate:(id<SLFooterViewDelegate>)delegate 13 { 14 _delegate=delegate; 15 } 16 17 - (IBAction)btnclick { 18 self.clieckbt.hidden=YES; 19 self.jiazai.hidden=NO; 20 21 // dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 22 // * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ 23 // 24 // }); 25 // 26 dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ 27 if ([self.delegate respondsToSelector:@selector(loadMoreData)]) 28 { 29 [self.delegate loadMoreData]; 30 } 31 self.clieckbt.hidden=NO; 32 self.jiazai.hidden=YES; 33 }); 34 35 36 } 37 38 @end 復制代碼 以上就是利用xib進行設計的tableView進行顯示的列表數據 綜上所述：在自定義UITabelViewCell的時候，有兩種方式，要根據不同的場景進行利用。
相關文章
+