如何在iOS中绘制单点线 [英] How to Draw a single point line in iOS
问题描述
我想知道绘制单点线的最佳方法是什么？
我的目标是在tableViewCell中绘制这一行，使其看起来就像本机单元格分隔符一样。
我不想使用原生分隔符，因为我想用不同的颜色和不同的位置（不是底部..）。
I was wondering what is the best way to draw a single point line? My goal is to draw this line in a tableViewCell to make it look just like the native cell separator. I don't want to use the native separator because i want to make in a different color and in a different position (not the bottom..).
起初我使用1px UIView并将其涂成灰色。但在Retina显示器中它看起来像2px。
也尝试使用此方法：
At first i was using a 1px UIView and colored it in grey. But in Retina displays it looks like 2px. Also tried using this method:
- (void)drawLine:(CGPoint)startPoint endPoint:(CGPoint)endPoint inColor:(UIColor *)color {
CGMutablePathRef straightLinePath = CGPathCreateMutable();
CGPathMoveToPoint(straightLinePath, NULL, startPoint.x, startPoint.y);
CGPathAddLineToPoint(straightLinePath, NULL, endPoint.x, endPoint.y);
CAShapeLayer *shapeLayer = [CAShapeLayer layer];
shapeLayer.path = straightLinePath;
UIColor *fillColor = color;
shapeLayer.fillColor = fillColor.CGColor;
UIColor *strokeColor = color;
shapeLayer.strokeColor = strokeColor.CGColor;
shapeLayer.lineWidth = 0.5f;
shapeLayer.fillRule = kCAFillRuleNonZero;
[self.layer addSublayer:shapeLayer];
}
由于某种原因，它在60％的时间内起作用..是某种东西错了吗？
无论如何，我很乐意听到更好的方法。
It works in like 60% of the times for some reason.. Is something wrong with it? Anyway ,i'd be happy to hear about a better way.
谢谢。
推荐答案
我使用 UIView 类别做了同样的事情。以下是我的方法：
I did the same with a UIView category. Here are my methods :
#define SEPARATOR_HEIGHT 0.5
- (void)addSeparatorLinesWithColor:(UIColor *)color
{
[self addSeparatorLinesWithColor:color edgeInset:UIEdgeInsetsZero];
}
- (void)addSeparatorLinesWithColor:(UIColor *)color edgeInset:(UIEdgeInsets)edgeInset
{
UIView *topSeparatorView = [[UIView alloc] initWithFrame:CGRectMake(edgeInset.left, - SEPARATOR_HEIGHT, self.frame.size.width - edgeInset.left - edgeInset.right, SEPARATOR_HEIGHT)];
[topSeparatorView setBackgroundColor:color];
[self addSubview:topSeparatorView];
UIView *separatorView = [[UIView alloc] initWithFrame:CGRectMake(edgeInset.left, self.frame.size.height + SEPARATOR_HEIGHT, self.frame.size.width - edgeInset.left - edgeInset.right, SEPARATOR_HEIGHT)];
[separatorView setBackgroundColor:color];
[self addSubview:separatorView];
}
只是为了添加到Rémy's很好的答案，这样做可能更简单。上课UILine.m
Just to add to Rémy's great answer, it's perhaps even simpler to do this. Make a class UILine.m
@interface UILine:UIView
@end
@implementation UILine
-(id)awakeFromNib
{
// careful, contentScaleFactor does NOT WORK in storyboard during initWithCoder.
// example, float sortaPixel = 1.0/self.contentScaleFactor ... does not work.
// instead, use mainScreen scale which works perfectly:
float sortaPixel = 1.0/[UIScreen mainScreen].scale;
UIView *topSeparatorView = [[UIView alloc] initWithFrame:
CGRectMake(0, 0, self.frame.size.width, sortaPixel)];
topSeparatorView.userInteractionEnabled = NO;
[topSeparatorView setBackgroundColor:self.backgroundColor];
[self addSubview:topSeparatorView];
self.backgroundColor = [UIColor clearColor];
self.userInteractionEnabled = NO;
}
@end
在IB中，放入UIView，点击标识检查器并将类重命名为UILine。在IB中设置所需的宽度。将高度设置为1或2像素 - 这样您就可以在IB中看到它。在IB中设置所需的背景颜色。当您运行应用程序时，它将成为1像素线，即该颜色的宽度。 （你可能不应该受到storyboard / xib中任何默认自动调整大小设置的影响，我无法让它破裂。）你已经完成了。
In IB, drop in a UIView, click identity inspector and rename the class to a UILine. Set the width you want in IB. Set the height to 1 or 2 pixels - simply so you can see it in IB. Set the background colour you want in IB. When you run the app it will become a 1-pixel line, that width, in that colour. (You probably should not be affected by any default autoresize settings in storyboard/xib, I couldn't make it break.) You're done.
注意：你可以想一想为什么不在awakeFromNib的代码中调整UIView 的大小？在故事板应用中加载视图大小是有问题的 - 请参阅此处的许多问题！
Note: you may think "Why not just resize the UIView in code in awakeFromNib?" Resizing views upon loading, in a storyboard app, is problematic - see the many questions here about it!
有趣的gotchya ：很可能是你的'只需在故事板上制作10或20像素高的UIView，就可以看到它。当然它在应用程序中消失了，你得到漂亮的一个像素线。但！一定要记住 self.userInteractionEnabled = NO ，否则它可能会超过你的其他按钮！
Interesting gotchya: it's likely you'll just make the UIView, say, 10 or 20 pixels high on the storyboard, simply so you can see it. Of course it disappears in the app and you get the pretty one pixel line. But! be sure to remember self.userInteractionEnabled = NO, or it might get over your other, say, buttons!
2016解决方案！ https://stackoverflow.com/a/34766567/294884
2016 solution ! https://stackoverflow.com/a/34766567/294884
这篇关于如何在iOS中绘制单点线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
