Нарисуйте линию в UIView

Мне нужно нарисовать горизонтальную линию в UIView. Какой самый простой способ это сделать. Например, я хочу нарисовать черную горизонтальную линию на y-coord=200.

Я не использую Interface Builder.

8 79
ios iphone uiviewcontroller

8 ответов:

самый простой способ в вашем случае (горизонтальная линия) - добавить подвид с черным цветом фона и рамкой [0, 200, 320, 1].

пример кода (я надеюсь, что нет ошибок - я написал его без Xcode):

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, 200, self.view.bounds.size.width, 1)];
lineView.backgroundColor = [UIColor blackColor];
[self.view addSubview:lineView];
[lineView release];
// You might also keep a reference to this view 
// if you are about to change its coordinates.
// Just create a member and a property for this...

другой способ-это создать класс, который будет рисовать линию в методе drawRect (вы можете увидеть мой пример кода для этого здесь).

119

может быть, это немного поздно, но хочу добавить, что есть лучший путь. Использование UIView является простым, но относительно медленным. Этот метод переопределяет то, как представление рисует себя и быстрее:

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);

    // Draw them with a 2.0 stroke width so they are a bit more visible.
    CGContextSetLineWidth(context, 2.0f);

    CGContextMoveToPoint(context, 0.0f, 0.0f); //start at this point

    CGContextAddLineToPoint(context, 20.0f, 20.0f); //draw to this point

    // and now draw the Path!
    CGContextStrokePath(context);
}
307

Swift 3 и Swift 4

вот как вы можете нарисовать серую линию в конце вашего представления (та же идея, что и ответ b123400)

class CustomView: UIView {

    override func draw(_ rect: CGRect) {
        super.draw(rect)

        if let context = UIGraphicsGetCurrentContext() {
            context.setStrokeColor(UIColor.gray.cgColor)
            context.setLineWidth(1)
            context.move(to: CGPoint(x: 0, y: bounds.height))
            context.addLine(to: CGPoint(x: bounds.width, y: bounds.height))
            context.strokePath()
        }
    }
}
19

просто добавьте метку без текста и с цветом фона. Установите координаты по вашему выбору, а также высоту и ширину. Вы можете сделать это вручную или с помощью Interface Builder.

14

вы можете использовать класс UIBezierPath для этого:

и может нарисовать столько линий, сколько вы хотите:

у меня есть подкласс UIView:

    @interface MyLineDrawingView()
    {
       NSMutableArray *pathArray;
       NSMutableDictionary *dict_path;
       CGPoint startPoint, endPoint;
    }

       @property (nonatomic,retain)   UIBezierPath *myPath;
    @end

и инициализировал объекты pathArray и dictPAth, которые будут использоваться для рисования линий. Я пишу основную часть кода из моего проекта: 

- (void)drawRect:(CGRect)rect
{

    for(NSDictionary *_pathDict in pathArray)
    {
        [((UIColor *)[_pathDict valueForKey:@"color"]) setStroke]; // this method will choose the color from the receiver color object (in this case this object is :strokeColor)
        [[_pathDict valueForKey:@"path"] strokeWithBlendMode:kCGBlendModeNormal alpha:1.0];
    }

    [[dict_path objectForKey:@"color"] setStroke]; // this method will choose the color from the receiver color object (in this case this object is :strokeColor)
    [[dict_path objectForKey:@"path"] strokeWithBlendMode:kCGBlendModeNormal alpha:1.0];

}

touchesBegin метод:

UITouch *touch = [touches anyObject];
startPoint = [touch locationInView:self];
myPath=[[UIBezierPath alloc]init];
myPath.lineWidth = currentSliderValue*2;
dict_path = [[NSMutableDictionary alloc] init];

touchesMoved метод:

UITouch *touch = [touches anyObject];
endPoint = [touch locationInView:self];

 [myPath removeAllPoints];
        [dict_path removeAllObjects];// remove prev object in dict (this dict is used for current drawing, All past drawings are managed by pathArry)

    // actual drawing
    [myPath moveToPoint:startPoint];
    [myPath addLineToPoint:endPoint];

    [dict_path setValue:myPath forKey:@"path"];
    [dict_path setValue:strokeColor forKey:@"color"];

    //                NSDictionary *tempDict = [NSDictionary dictionaryWithDictionary:dict_path];
    //                [pathArray addObject:tempDict];
    //                [dict_path removeAllObjects];
    [self setNeedsDisplay];

touchesEnded метод:

        NSDictionary *tempDict = [NSDictionary dictionaryWithDictionary:dict_path];
        [pathArray addObject:tempDict];
        [dict_path removeAllObjects];
        [self setNeedsDisplay];
11

еще одна (и еще более короткая) возможность. Если вы находитесь внутри drawRect, что-то вроде следующего:

[[UIColor blackColor] setFill];
UIRectFill((CGRect){0,200,rect.size.width,1});
11

на основе ответа Гая Дахера.

Я стараюсь не использовать ? потому что это может вызвать сбой приложения, если GetCurrentContext() возвращает nil.

Я бы сделал ноль проверить, если заявление:

class CustomView: UIView 
{    
    override func draw(_ rect: CGRect) 
    {
        super.draw(rect)
        if let context = UIGraphicsGetCurrentContext()
        {
            context.setStrokeColor(UIColor.gray.cgColor)
            context.setLineWidth(1)
            context.move(to: CGPoint(x: 0, y: bounds.height))
            context.addLine(to: CGPoint(x: bounds.width, y: bounds.height))
            context.strokePath()
        }
    }
}
0

добавить метку без текста и с цветом фона, соответствующим размеру кадра (например:высота=1). Сделайте это через код или в interface builder.

-1