如何在 UIScrollView 中绘制垂直线

Question

我有一个 UIScrollView，我想绘制一条高度为 UIScrollView contentHeight 的垂直线。如何在不牺牲性能的情况下轻松地做到这一点？我正在考虑使用高度非常大的 UIVIew（因为我们不知道 scrollView 的 contentHeight 将是什么）并将其添加为 UIScrollView 的子视图。还有比这更好的方法吗？

这条线基本上是 10px 宽，灰色，从 scrollView 的顶部到底部。

这就是我现在所拥有的，我基本上覆盖了 UIScrollView drawRect：

- (void)drawRect:(CGRect)rect
{
    if (shouldDrawVerticalLineForProfile){
        CGContextRef context = UIGraphicsGetCurrentContext();
        CGColorRef separatorColor = [UIColor colorWithRed:47.0/255.0 green:47.0/255.0 
                                                     blue:47.0/255.0 alpha:1.0].CGColor;

        // Add at bottom
        CGPoint startPoint = CGPointMake(30, 0);
        CGPoint endPoint = CGPointMake(30, 10000);

        CGContextSaveGState(context);
        CGContextSetLineCap(context, kCGLineCapSquare);
        CGContextSetStrokeColorWithColor(context, separatorColor);
        CGContextSetLineWidth(context, 5.0);
        CGContextMoveToPoint(context, startPoint.x + 0.5, startPoint.y + 0.5);
        CGContextAddLineToPoint(context, endPoint.x + 0.5, endPoint.y + 0.5);
        CGContextStrokePath(context);
        CGContextRestoreGState(context);     
    }

}

Answer 1

嗯，最简单的方法就是添加一个 UIView 并设置背景颜色。

-(void)viewDidLoad {
   [super viewDidLoad];

   UIView *verticalBar = [[[UIView alloc] init] autorelease];
   [verticalBar setBackgroundColor:[UIColor grayColor]];
   [verticalBar setFrame:CGRectMake(0,0,10,[scrollView contentSize].height)];

   [[self view] addSubview:verticalBar];
}

您不需要“非常非常大的高度”，因为您通过滚动视图知道最大高度。

Answer 2

- (void)drawRect:(CGRect)rect {
  CGContextRef ctx = UIGraphicsGetCurrentContext();
  CGContextSetStrokeColorWithColor(ctx, [UIColor colorWithRed: 0.0 green:0.0 blue:0.0 alpha:.6].CGColor);
  CGContextSetLineWidth(ctx, 1);

  CGContextBeginPath(ctx);
  CGContextMoveToPoint(ctx, 0, CGRectGetMaxY(rect) - 2);
  CGContextAddLineToPoint(ctx, CGRectGetMaxX(rect), CGRectGetMaxY(rect) - 2);
  CGContextStrokePath(ctx);
  CGContextSetLineWidth(ctx, 2);
  CGContextSetStrokeColorWithColor(ctx, [UIColor colorWithRed: .34 green:.35 blue:.352 alpha:.6].CGColor);

  CGContextBeginPath(ctx);
  CGContextMoveToPoint(ctx, 0, CGRectGetMaxY(rect));
  CGContextAddLineToPoint(ctx, CGRectGetMaxX(rect), CGRectGetMaxY(rect));
  CGContextStrokePath(ctx);




}

将此添加到您的 UIScrollView 的控制器中

我给你的代码画了一条水平线，但你应该能够适应它。