UITableView系列五自定义UITableViewCell（实例）.doc

UITableView系列五：自定义UITableViewCell（实例） 有时候我们需要自己定义UITableViewCell的风格，其实就是向行中添加子视图。添加子视图的方法主要有两种：使用代码以及从.xib文件加载。当然后一种方法比较直观。我们这次要自定义一个Cell，使得它像QQ好友列表的一行一样：左边是一张图片，图片的右边是三行标签： 当然，我们不会搞得这么复杂，只是有点意思就行。 1、运行Xcode 4.2，新建一个Single View Application，名称为Custom Cell： 2、将图片资源导入到工程。为此，我找了14张50×50的.png图片，名称依次是1、2、……、14，放在一个名为Images的文件夹中。将此文件夹拖到工程中，在弹出的窗口中选中Copy items into… 添加完成后，工程目录如下： 3、创建一个UITableViewCell的子类：选中Custom Cell目录，依次选择File — New — New File，在弹出的窗口，左边选择Cocoa Touch，右边选择Objective-C class： 之后选择Next和Create，就建立了两个文件：CustomCell.h和CustomCell.m。 4、创建CustomCell.xib：依次选择File — New — New File，在弹出的窗口，左边选择User Interface，右边选择Empty： 单击Next，选择iPhone，再单击Next，输入名称为CustomCell，选择好位置： 单击Create，这样就创建了CustomCell.xib。 5、打开CustomCell.xib，拖一个Table View Cell控件到面板上： 选中新加的控件，打开Identity Inspector，选择Class为CustomCell；然后打开Size Inspector，调整高度为60。 6、向新加的Table View Cell添加控件：拖放一个ImageView控件到左边，并设置大小为50×50。然后在ImageView右边添加三个Label，设置标签字号，最上边的是14，其余两个是12： 接下来向CustomCell.h添加Outlet映射，将ImageView与三个Label建立映射，名称分别为imageView、nameLabel、decLabel以及locLable，分别表示头像、昵称、个性签名，地点。 选中Table View Cell，打开Attribute Inspector，将Identifier设置为CustomCellIdentifier： 为了充分使用这些标签，还要自己创建一些数据，存在plist文件中，后边会做。 7、打开CustomCell.h，添加属性： C代码 ? @property?(copy,?nonatomic)?UIImage?*image; ?? @property?(copy,?nonatomic)?NSString?*name; ?? @property?(copy,?nonatomic)?NSString?*dec; ?? @property?(copy,?nonatomic)?NSString?*loc;?? @property (copy, nonatomic) UIImage *image; @property (copy, nonatomic) NSString *name; @property (copy, nonatomic) NSString *dec; @property (copy, nonatomic) NSString *loc; ? 8、打开CustomCell.m，向其中添加代码： 8.1 在@implementation下面添加代码： C代码 ? @synthesize?image; ?? @synthesize?name; ?? @synthesize?dec; ?? @synthesize?loc;?? @synthesize image; @synthesize name; @synthesize dec; @synthesize loc; ? 8.2 在@end之前添加代码： C代码 ? -?(void)setImage:(UIImage?*)img?{ ?? ????if?(![img?isEqual:image])?{ ?? ????????image?=?[img?copy]; ?? ????????self.imageView.image?=?image; ?? ????} ?? } ?? ?? -(void)setName:(NSString?*)n?{ ?? ??