iOS:自定义TableView单元格以模仿音乐播放器

时间:2013-06-27 15:46:29

标签: ios objective-c uitableview

是否有一种简单的方法可以像我们在这里看到的那样使用像这样的编号和边框的tableview单元格。这是使用不同的部分创建的吗?

enter image description here

1 个答案:

答案 0 :(得分:1)

您需要创建自定义UITableViewCell。

如果你正在使用故事板,请看这里: 请参阅此链接http://mobile.tutsplus.com/tutorials/iphone/customizing-uitableview-cell/

如果不是,这是一个纲要: 基本上创建一个继承自UITableViewCell和XIB的新类。将UITableViewCell拖到XIB并将其设置为您之前创建的类。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CustomCellIdentifier = @"CustomCellIdentifier";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reuseIdentifier];

    if (cell == nil) {
         //*- Load your custom XIB.  objectAtIndex:0 says load the first item in the XIB.  Should be your UITableViewCell that you dragged onto your XIB in Interface Builder.
        cell = [[[NSBundle mainBundle] loadNibNamed:@"CustomCell" owner:self options:nil] objectAtIndex:0];
    }

    //*- Customize the cell, i.e., cell.myLabel.text = @"Text";

    return cell;
}

使用此技术,您可以使用三个标签布局您的单元格,一个用于数字,一个用于歌曲名称,一个用于歌曲时间。添加边框和颜色的背景图像视图。

在表格中获取歌曲编号的一种简单方法是使用索引路径。

cell.myLabel.text = [NSString stringWithFormat:@"%i", indexPath.row + 1];