（七）-自定义UITableViewCell

本篇将介绍如何自定义 UITableViewCell

首先选择新建文件 可以直接使用快捷键 COMMAND+n打开新建页面，然后选Objective-C class

然后选择继承之UITableViewCell 类 同时输入 类名

 

完成这一步之后 我们还要继续新建一个XIB 文件，具体步骤请参照图片，这边建议大家最好将XIB文件的名字命名和刚刚新建的类名一样，这样方便管理，同时一看就知道 该XIB文件是属于该类的

之所以要新建一个XIB文件是因为 继承之 UITableViewCell类的文件 是无法勾选 with xib for user interface的 

所以我们需要自己从新新建一个XIB文件。

完成XIB文件的创建之后 ，打开相应的XIB文件  在右下角选择Table View Cell 控件，并将之拖拽到 改XIB文件内

然后我们需要选中UITableViewCell 并将Custom Calss改为一开始我们新建的类名

这样的话他就会自动关联到对应的类上面去

然后我在拖拽一个UIImageView 控件，一个UILabel控件 到UITableViewCell控件上面去

同时修改UITableViewCell的样式 改成如下所示。（该类类名 我取成  TopBigImageCell）

接下来 再修改.H 文件和.m文件 

直接上代码

#import <UIKit/UIKit.h>

@interface TopBigImageCell : UITableViewCell
{
    UIImageView *myimageview;
    UILabel *btlabel;
}
@property(nonatomic,retain) IBOutlet UIImageView *myimageView;
@property(nonatomic,retain) IBOutlet UILabel *btlabel;
@end

 

#import "TopBigImageCell.h"

@implementation TopBigImageCell
@synthesize myimageView;
@synthesize btlabel;
- (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

 

完成代码后别忘了建立关联 （如果忘记了如何建立关联的话请查看前面几张内容）

这样的话我们就完成了 第一条记录大图片的CELL样式了

然后我们需要用同样的方法 创建一个普通的样式 ，效果如下所示，具体的操作我就不再做重复讲解了

(ps:大家还可以多建几种样式  例如没有图片 的样式，或者多一个时间显示等。发挥自己的想象能力，或者参照别人的样式进行添加)

好了 本章的内容就先讲到这里

总结一下，

本章我们主要讲解了如果自定义一个UITableViewCell内容非常的简单，但是只有熟练的掌握了此章的内容才能为将来制作各式各样的效果打好基础

另外请大家学会举一反三，这边只是讲了如何构建新闻的样式，大家要能想到 很多其他的样式，这个才是我们真正要掌握 看到 学习到的东西。

废话不多说了。睡觉了。。

下一章就会将本章的内容 和上一章的内容结合起来 完成一个完整的新闻界面。

其实上一章已经贴出代码了 相信有能力的朋友已经可以自己完成效果了。

另外再次声明，本人所写内容纯粹为本人个人学习经验，完全是本人个人的领悟内容，如果有哪里不对的内容还请各位朋友及时指出，好让本人加以改进 学习。