IOS學習之路七（經過xib自定義UITableViewCell）

1、新建iOS Application工程，選擇Single View Application,不要選中Use Storyboard.假設指定的是product name是：UITableViewCellDemo，則完成後自動生成代碼視圖以下圖：

二。新建一個UITableViewCell文件：

 

 

 三。Add---New Files----User Interface-----Empty XIB

       建立一個空的  MyTableViewCell.xib 文件，記住，XIB的名稱必定要跟 簽名的類的名稱一致，也就是如出一轍。

       必定要選 Empty XIB類型，若是不是選的這個，那麼建立的XIB裏面的已經存在的那個UIView將不能調整高度，它的高度固定死了。

 

      

4.在xib中拖入一個Table View Cell 和一個label 一個imageView ,並於MyTableViewCell中鏈接以下圖：

      五。這樣，就能夠往這個新添加的View裏面添加咱們本身的個性化控件了，這個View就是咱們的Cell的模板了。這個過程跟普通的XIB同樣，沒有什麼特別的。

     那麼如何在代碼中使用這個MyTableViewCell呢？

     代碼以下：

MyTableViewCell類：

//  MyTableViewCell.h
//  UITableViewCellDemo
//
//  Created by WildCat on 13-8-6.
//  Copyright (c) 2013年 wildcat. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface MyTableViewCell : UITableViewCell

@property (weak, nonatomic) IBOutlet UIImageView *imageView;

@property (weak, nonatomic) IBOutlet UILabel *titleLabel;
@property (copy,nonatomic) NSString *titleName;
@property (copy,nonatomic) NSString *image;
@end

 

 

//
//  MyTableViewCell.m
//  UITableViewCellDemo
//
//  Created by WildCat on 13-8-6.
//  Copyright (c) 2013年 wildcat. All rights reserved.
//

#import "MyTableViewCell.h"

@implementation MyTableViewCell
@synthesize imageView;
@synthesize titleLabel;
@synthesize titleName;
@synthesize image;

-(void)setImage:(NSString *)image{
    self.imageView.image=[UIImage imageNamed:[image copy]];

}
-(void)setTitleName:(NSString *)titleName{
    self.titleLabel.text=[titleName copy];

}



- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // Initialization code
    }
    return self;
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
    [super setSelected:selected animated:animated];

    // Configure the view for the selected state
}

@end

ViewController類文件：

//  ViewController.h
//  UITableViewCellDemo
//
//  Created by WildCat on 13-8-6.
//  Copyright (c) 2013年 wildcat. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UITableViewDataSource,UITableViewDelegate>
@property (nonatomic,strong) UITableView *myTableView;

@end

 

//
//  ViewController.m
//  UITableViewCellDemo
//
//  Created by WildCat on 13-8-6.
//  Copyright (c) 2013年 wildcat. All rights reserved.
//

#import "ViewController.h"
#import "MyTableViewCell.h"
@interface ViewController ()

@end

@implementation ViewController
@synthesize myTableView=_myTableView;

#pragma mark -實現協議方法
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;{
    return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return 5;

}
- (CGFloat) tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    CGFloat result = 40.0f;
    if ([tableView isEqual:self.myTableView]){
        result = 80.0f;
    }
    return result;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{


    MyTableViewCell *cell;
    //定義CustomCell的複用標識,這個就是剛纔在CustomCell.xib中設置的那個Identifier,必定要相同,不然沒法複用
    static NSString *identifier = @"MyTableViewCell";
    //根據複用標識查找TableView裏是否有可複用的cell,有則返回給cell
    cell = (MyTableViewCell*)[tableView dequeueReusableCellWithIdentifier:identifier];
    //判斷是否獲取到複用cell,沒有則從xib中初始化一個cell
    if (!cell) {
        //將Custom.xib中的全部對象載入
        NSArray *nib = [[NSBundle mainBundle] loadNibNamed:@"MyTableViewCell" owner:nil options:nil];
        //第一個對象就是CustomCell了
        cell = [nib objectAtIndex:0];
    }

    cell.image=@"1.jpeg";
    cell.titleName=@"wildcat的專欄 新浪微博：http://weibo.com/u/3202802157";
     return cell;
}

#pragma mark - Controller方法
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    self.view.backgroundColor=[UIColor redColor];

    self.myTableView=[[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
    self.myTableView.dataSource=self;
    self.myTableView.delegate=self;
    self.myTableView.autoresizingMask=UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleWidth;

    [self.view addSubview:self.myTableView];

}

- (void)viewDidUnload
{
    [super viewDidUnload];
    // Release any retained subviews of the main view.
    self.myTableView=nil;
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    return (interfaceOrientation == UIInterfaceOrientationPortrait);
}

@end

運行結果：