Question

我想在SectionIndex列和单元格内容视图之间绘制一条垂直线。我怎么能这样做？

Split table view with table data and sorted keys

Answer 1

参考这篇文章：

how to add vertical lines to a table view in iphone sdk?

请参阅上面帖子中的 Kris Markel's 。它暗示了这个链接：

http://www.iphonedevx.com/?p=153

注意：我已从整个链接中复制代码并将其粘贴到此处，以确保答案仍然有用，即使以后链接出现故障也是如此：

UITableView可能是iPhone上最常用的视图。它的   灵活，UI非常适合在iPhone上使用。有   关于如何向UITableViewCell添加多个项目的大量示例。   但是，我需要以更传统的方式呈现一些数据   电子表格样式网格。结果运作良好，使我能够打包   屏幕上的很多信息都很难理解   没有垂直网格。我会在这里展示一个非常简化的版本   您可以使用向UITableView添加垂直线。

首先我们需要创建一个UITableViewCell的子类。我们就是这样   可以覆盖drawrect并绘制我们的行并添加一个数组来保存   我们将绘制线条的位置列表。

@interface MyTableCell : UITableViewCell {
    NSMutableArray *columns;
}
- (void)addColumn:(CGFloat)position;
@end

在这个简化的例子中，我们将保留实际的定位 UITableViewController中单元格中的文本并手动放置（完整的源代码附在最后）。我们只是提供一个绘制垂直线以制作网格的机制。列位置通过调用addColumn添加：

- (void)addColumn:(CGFloat)position {
    [columns addObject:[NSNumber numberWithFloat:position]];
}

现在让我们覆盖drawRect。在其中我们抓住当前的图形上下文并设置线条颜色和宽度。然后我们迭代我们的列数组从单元格行的顶部到底部绘制一条线每个位置都存储在数组中。

- (void)drawRect:(CGRect)rect {
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // Use the same color and width as the default cell separator for now
    CGContextSetRGBStrokeColor(ctx, 0.5, 0.5, 0.5, 1.0);
    CGContextSetLineWidth(ctx, 0.25);

    for (int i = 0; i &lt; [columns count]; i++) {
        CGFloat f = [((NSNumber*) [columns objectAtIndex:i]) floatValue];
        CGContextMoveToPoint(ctx, f, 0);
        CGContextAddLineToPoint(ctx, f, self.bounds.size.height);
    }

    CGContextStrokePath(ctx);

    [super drawRect:rect];
}
To add columns to the view just call

[cell addColumn:50];
when you’re building each cell.

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    NSString *MyIdentifier = [NSString stringWithFormat:@"MyIdentifier %i", indexPath.row];

    MyTableCell *cell = (MyTableCell *)[tableView dequeueReusableCellWithIdentifier:MyIdentifier];

    if (cell == nil) {
        cell = [[[MyTableCell alloc] initWithFrame:CGRectZero reuseIdentifier:MyIdentifier] autorelease];

        UILabel *label = [[[UILabel alloc] initWithFrame:CGRectMake(0.0, 0, 30.0,
                                                           tableView.rowHeight)] autorelease];
        [cell addColumn:50];
        label.tag = LABEL_TAG;
        label.font = [UIFont systemFontOfSize:12.0];
        label.text = [NSString stringWithFormat:@"%d", indexPath.row];
        label.textAlignment = UITextAlignmentRight;
        label.textColor = [UIColor blueColor];
        label.autoresizingMask = UIViewAutoresizingFlexibleRightMargin |
        UIViewAutoresizingFlexibleHeight;
        [cell.contentView addSubview:label]; 

        label =  [[[UILabel alloc] initWithFrame:CGRectMake(60.0, 0, 30.0,
                                                            tableView.rowHeight)] autorelease];
        [cell addColumn:120];
        label.tag = VALUE_TAG;
        label.font = [UIFont systemFontOfSize:12.0];
        // add some silly value
        label.text = [NSString stringWithFormat:@"%d", indexPath.row * 4];
        label.textAlignment = UITextAlignmentRight;
        label.textColor = [UIColor blueColor];
        label.autoresizingMask = UIViewAutoresizingFlexibleRightMargin |
        UIViewAutoresizingFlexibleHeight;
        [cell.contentView addSubview:label];
    }

    return cell;
}

希望这有帮助。

Answer 2

我在cellForRowAtIndexPath中使用了以下代码，这非常有效。

static NSString *reuse = @"reuse";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:reuse];


if(cell == nil)
 {
    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:reuse];
    cell.textLabel.font = [UIFont boldSystemFontOfSize:12.0f];
    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
}



 [cell.contentView  setBounds:CGRectMake(cell.bounds.origin.x, cell.bounds.origin.y, 222,60)];

NSString *year = [self.keys objectAtIndex:[indexPath section]];
NSArray *movieSection = [[self.dataAllArtists objectForKey:year] valueForKey:@"row"];
NSDictionary *performanceDic = [movieSection objectAtIndex:[indexPath row]];

cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

 cell.textLabel.text = [NetworkData parseString:[performanceDic valueForKey:@"performance_name"]];


    int x;
    switch ([genreId intValue]) 
    {
     case 1:
      x=cell.contentView.bounds.size.width+19;
      break;
     case 3:
      x=cell.contentView.bounds.size.width+26;
      break;
      case 6:
      x=cell.contentView.bounds.size.width+16;
      break;
      case 7:
      x=cell.contentView.bounds.size.width+28;
      break;
     default:
      break;
    }

        for(UIView *view in [tableView subviews])
        {
         if([[[view class] description] isEqualToString:@"UITableViewIndex"])
         {
          [view setBackgroundColor:[UIColor whiteColor]];
         }
        }

  [cell.textLabel setLineBreakMode:UILineBreakModeWordWrap];
  [cell.textLabel setNumberOfLines:0];

  UIView *lineView = [[[UIView alloc] initWithFrame:CGRectMake(x,0,1, cell.contentView.bounds.size.height+2)] autorelease];


  lineView.backgroundColor = [UIColor lightGrayColor];
  [cell.contentView addSubview:lineView];


return cell;

在表格视图中绘制一条垂直线

2 个答案: