Question

如何iOS 编程中使用自定义 TableViewCell

Answer 1

UITableViewCell类能够显示出各种各样的风格，但有时候我们需要适应不同的显示模式下的显示。今天的文章中，我们将使用table view去显示一系列自定义的cell。
启动Xcode，选择"Create a new Xcode project"，然后选择空应用程序模板，点击Next。命名为 CustomCells,然后照下图那样设置。

点击Next，选择项目的存放路径，最后点击Create。
这里需要添加两个文件，UITableViewController以及custom cell对应的xib文件。
Choose File | New > File ，然后添加一个名为 TableViewController 的UITableViewController。
如图：

对于这个controller，我们并不需要xib文件，所以直接点击Next创建。
重新创建文件，这次我们是创建一个空的 xib 文件，如下图：

点击Next，确保Device Family被设置为iPad，再点击Next，在默认路径下保存为 CellNib 文件。
接着打开 CellNib.xib 文件。在上面拖放几个 label：

这里第一个Label的字体大小是27，字体是System Italic。而其他的Label全部都是默认设置。
下一步就是为文本依然是"Label"的Label设置tag。
将第一个大字体的Label设置tag=1，然后设置Address1,Address2,Phone,Cell右边的Label的tag分别为2,3,4,5。
接着需要修改xib的File's Owner的所属类。这里选择为 TableViewController。

打开 TableViewController.h 然后添加这些属性:
#import <uikit uikit.h=""><span class="referer">@interface</span> TableViewController : UITableViewController

@property (nonatomic, strong) NSArray *cellContent;
@property (nonatomic, strong) IBOutlet UITableViewCell *customCell;<span class="referer">@end</span> </uikit>

这个演示中，我们定义一个数组来记录所有cell的内容，还需要如下图那样，设置设置好 customCell的outlet。

现在打开TableViewController.m做出如下更改:
#import "TableViewController.h"<span class="referer">@interface</span> TableViewController ()<span class="referer">@end</span>

@implementation TableViewController

@synthesize cellContent, customCell;

- (NSArray *)cellContent
{
cellContent = [[NSArray alloc] initWithObjects:
[NSArray arrayWithObjects:@"Alex Ander",
@"213 4th St.", @"Apt. 17", @"555-555-5555", @"111-111-1111", nil],
[NSArray arrayWithObjects:@"Jane Doe",
@"4 Any Ave.", @"Suite 2", @"123-456-7890", @"098-765-4321", nil],
[NSArray arrayWithObjects:@"Bill Smith",
@"63 Smith Dr.", @"", @"678-765-1236", @"987-234-4987", nil],
[NSArray arrayWithObjects:@"Mike Taylor",
@"3145 Happy Ct.", @"", @"654-321-9871", @"654-385-1594", nil