Create image with outlines using core graphics

Question

I need help to create an image similar to this:

Answer 1

If you create a subclass of UIView, e.g. CustomView, the only thing you need to do is implement the drawRect: method:

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

    // set fill & stroke color
    [[UIColor blueColor] setStroke];
    [[UIColor purpleColor] setFill];

    // create blocks
    CGFloat blockWidth = self.bounds.size.width / 3;
    CGFloat blockHeight = self.bounds.size.height;
    for (int i = 0; i < 3; i++) {
        UIBezierPath *path = [UIBezierPath bezierPathWithRect:
            CGRectMake(blockWidth * i, 0, blockWidth, blockHeight);
        path.lineWidth = 2;
        [path fill];
        [path stroke];
    }
}