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

Question

有没有一种简单的方法可以让表格 View 单元格像我们在这里看到的那样带有这样的编号和周围的边框。这是使用不同部分创建的吗？

Answer 1

您需要创建一个自定义 UITableViewCell。

如果您使用 Storyboard，请查看此处:请参阅此链接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;
}

使用这种技术，您可以使用三个标签来布局单元格，一个用于数字，一个用于歌曲名称，一个用于歌曲时间。添加边框和颜色的背景 ImageView 。

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

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