使用 CGContext 绘制线条

Question

我想在表视图单元格中画线，以便可以放置文本字段和文本字段。在单细胞中切换。我增加了单元格的高度。如何在单元格中画线？

我有 UIView 的子类，其中包含以下代码

 //Get the CGContext from this view
 CGContextRef context = UIGraphicsGetCurrentContext();
 //Set the stroke (pen) color
 CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
 //Set the width of the pen mark
 CGContextSetLineWidth(context, 1.0);

 // Draw a line
 //Start at this point
 CGContextMoveToPoint(context, 10.0, 30.0);

 //Give instructions to the CGContext
 //(move "pen" around the screen)
 CGContextAddLineToPoint(context, 310.0, 30.0);


 //Draw it
 CGContextStrokePath(context);

然后我有一个具有分组表格样式的 tableViewController 。在 cellForRowAtIndexPath 中，我有以下代码

//code to add textfield
DrawLineView *drawLine = [[DrawLineView alloc]init];
[cell addSubview:drawLine];
//code add switch

，但它没有绘制任何线条。我不能使用 2 个不同的电池。我必须请帮助我。这是我第一次在 iPhone 上处理图形。谢谢

Answer 1

如果您只想画一条线，那么最好使用 CAShapeLayer，向其传递一条带有线的路径，然后将其附加为单元格内容视图的子图层。该表的性能应该比使用带有自定义绘制矩形的视图更好。

通过 CALayer 和路径绘制线条的示例：

// You'll also need the QuartzCore framework added to the project
#import <QuartzCore/QuartzCore.h>

CAShapeLayer *lineShape = nil;
CGMutablePathRef linePath = nil;
linePath = CGPathCreateMutable();
lineShape = [CAShapeLayer layer];

lineShape.lineWidth = 4.0f;
lineShape.lineCap = kCALineCapRound;;
lineShape.strokeColor = [[UIColor blackColor] CGColor];

int x = 0; int y = 0;
int toX = 30; int toY = 40;                            
CGPathMoveToPoint(linePath, NULL, x, y);
CGPathAddLineToPoint(linePath, NULL, toX, toY);

lineShape.path = linePath;
CGPathRelease(linePath);
[self.layer addSublayer:lineShape];

Answer 2

有两件事...
首先，您通常不会绘制单元格本身。

您通常会绘制到内容视图中。有时，绘制到单元格的backgroundView或selectedBackgroundView中是有意义的。

[cell.contentView addSubview:drawLine];

其次，默认的单元格文本标签cell.textLabel和cell.detailTextLabel具有不透明的背景。尝试将其背景颜色设置为[UIColor clearColor]。

编辑：还有一件事：你需要为你的画线设置一个合适的框架

DrawLineView *drawLine = [[DrawLineView alloc]initWithFrame:cell.contentView.bounds];

Answer 3

我认为绘制线条的一种非常简单的方法是创建一个 UIView 并用所需的颜色填充它，然后相应地选择其宽度，并将高度设置为 1 像素，如下所示：

var lineView : UIView = {
     let view = UIView()
     view.backgroundColor = UIColor.blackColor()
     view.translatesAutoresizingMaskIntoConstraints = false
     return view
}()


self.view.addSubview(lineView)
self.view.addConstraints(NSLayoutConstraint.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[view]|", options: NSLayoutFormatOptions(), metrics: nil, views: ["view": lineView])))
self.view.addConstraints(NSLayoutConstraint.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-50-[view(1)]", options: NSLayoutFormatOptions(), metrics: nil, views: ["view": lineView])))