xib文件可以針對(duì)某些視圖控制器或者視圖進(jìn)行定制，而storyboard是xib文件的整合匿又，可以開(kāi)發(fā)整個(gè)app的框架方灾。可以這么理解碌更，xib上的視圖之間是獨(dú)立無(wú)法通過(guò)連線來(lái)關(guān)聯(lián)裕偿，但storyBoard上的控制器之間可以通過(guò)連線來(lái)關(guān)聯(lián)，這為我們減少了代碼量针贬。 今天我們準(zhǔn)備了一個(gè)小例子击费，來(lái)實(shí)現(xiàn)storyboard和xib的混合使用來(lái)定制UITableViewCell。
首先我們創(chuàng)建一個(gè)單視圖項(xiàng)目桦他，此項(xiàng)目默認(rèn)自帶Main.storyboard并且已經(jīng)關(guān)聯(lián)好ViewController類了蔫巩。其次我們往storyboard自帶的ViewController的view中拖入一個(gè)UITableView，此步我們?yōu)関iew中添加了tableView快压。
重點(diǎn)又來(lái)了圆仔，很多同學(xué)會(huì)拖拖拽拽，但是不知道什么時(shí)候需要進(jìn)行關(guān)聯(lián)蔫劣，這里有個(gè)簡(jiǎn)單的方法進(jìn)行判斷：1.由我們自己拖上去的UI控件系統(tǒng)并沒(méi)有幫我們關(guān)聯(lián)坪郭，所以需要我們自己進(jìn)行關(guān)聯(lián)；2.如果這個(gè)UI控件需要簽署代理脉幢，那么它被拖進(jìn)哪個(gè)父視圖或父視圖控制器就需要去實(shí)現(xiàn)協(xié)議歪沃。如此實(shí)例，該tableView需要實(shí)現(xiàn)UITableViewDelegate和UITableViewDataSource協(xié)議可以由view 或ViewController來(lái)實(shí)現(xiàn)嫌松。但分析一下沪曙，view是ViewController自帶的視圖，如果想讓view來(lái)實(shí)現(xiàn)協(xié)議萎羔，我們必須給view創(chuàng)建一個(gè)UIView子類來(lái)進(jìn)行關(guān)聯(lián)后才能實(shí)現(xiàn)液走，所以為了方便起見(jiàn)，我們讓ViewController來(lái)實(shí)現(xiàn)協(xié)議，如下圖缘眶，右鍵單擊tableView拖住delegate和dataSource往ViewController上關(guān)聯(lián)嘱根。
上一步我們的代理簽署好了，那么如果你想去訪問(wèn)這個(gè)tableView必須給他關(guān)聯(lián)到ViewController類中巷懈，選擇關(guān)聯(lián)到.h或者.m的區(qū)別在于：.h是對(duì)外可以訪問(wèn)的關(guān)聯(lián)该抒，.m是對(duì)外訪問(wèn)不到的關(guān)聯(lián)。
首先我們創(chuàng)建CocoaTouch類砸喻，繼承自UITableViewCell柔逼，同時(shí)選中”Also create XIB file”，這樣創(chuàng)建的xib自帶的tableViewCell就自動(dòng)關(guān)聯(lián)到我們創(chuàng)建的TableViewCell類上割岛。
按照下圖愉适，拖入一個(gè)UIImageView和兩個(gè)UILabel，當(dāng)然你可以按照你的設(shè)計(jì)自己DIY一下癣漆。注意维咸，我們拖入的控件默認(rèn)是放在tableViewCell的contentView中的。
由XIB創(chuàng)建的tableViewCell在注冊(cè)的時(shí)候需要提供一個(gè)identifier惠爽，這一點(diǎn)沒(méi)得商量癌蓖，所以一定要設(shè)置好哦！因?yàn)橐粋€(gè)XIB文件中也可以有很多個(gè)視圖婚肆，identifier是標(biāo)記它的唯一性租副。
此文檔是我創(chuàng)建，此控件是我拖拽较性，所以如果想調(diào)用XIB上的控件必須關(guān)聯(lián)到類用僧，下圖把XIB中拖拽進(jìn)去的控件關(guān)聯(lián)到我們創(chuàng)建的類，然后你就不需要做什么了赞咙。真的嗎责循？真的！因?yàn)閄IB中我們已經(jīng)調(diào)整好了位置和大小攀操，除非你對(duì)自己的拖拽不太滿意院仿。
下面在ViewController中完成最后一步
#import "ViewController.h"
//1.導(dǎo)入頭文件
#import "TableViewCell.h"
//2.實(shí)現(xiàn)代理
@interface ViewController () <UITableViewDelegate,UITableViewDataSource>
@property (weak, nonatomic) IBOutlet UITableView *tableView;
//創(chuàng)建數(shù)據(jù)源
@property (nonatomic,strong)NSMutableArray *dataSource;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
//初始化數(shù)據(jù)源
self.dataSource = [NSMutableArray array];
for (int i = 0; i < 10; i++) {
NSDictionary *dic = @{@"image":@"1",
@"label1":@"name",
@"label2":@"content"};
[_dataSource addObject:dic];
}
[_tableView registerNib:[UINib nibWithNibName:@"TableViewCell" bundle:nil] forCellReuseIdentifier:@"pool"];
}
//返回每組行數(shù)
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
return _dataSource.count;
}
//返回每個(gè)cell
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"pool"];
cell.picture.image = [UIImage imageNamed:_dataSource[indexPath.row][@"image"]];
cell.titleLable.text = _dataSource[indexPath.row][@"label1"];
cell.contentLabel.text = _dataSource[indexPath.row][@"label2"];
return cell;
}
//返回行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 100;
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
