Search code examples
iphoneobjective-ciosuibuttondrawrect

Using drawRect to underline UIButton's label


I'm trying to underline label's text in UIButton. But it didn't work for me. My code in viewDidLoad method:

    CGFloat x = 13.0f;
CGFloat y = 15.0f;
if (self.numberOfFirstButton == 0) {
    self.numberOfFirstButton = 1;
}
for (NSUInteger i = 1; i <= 5; i++) {

    for (NSUInteger j = 0; j < 10; j++) {
        UIHouseButtons *button = [[UIHouseButtons alloc] init];
        [button setFrame:CGRectMake(x+(47*j), y, 30.0f, 30.0f)];
        [button setTitle:[NSString stringWithFormat:@"%i", self.numberOfFirstButton] forState:UIControlStateNormal];
        [button drawRect:CGRectMake(x+(47*j), y, 30.0f, 30.0f)];
        [self.view addSubview:button];
        self.numberOfFirstButton++;
    }
    y += 48.0f;
}

my drawRect method

- (void)drawRect:(CGRect)rect
{
CGRect textRect = self.titleLabel.frame;

// need to put the line at top of descenders (negative value)
CGFloat descender = self.titleLabel.font.descender;

CGContextRef contextRef = UIGraphicsGetCurrentContext();

// set to same colour as text
CGContextSetStrokeColorWithColor(contextRef, self.titleLabel.textColor.CGColor);

CGContextMoveToPoint(contextRef, textRect.origin.x, textRect.origin.y + textRect.size.height + descender);

CGContextAddLineToPoint(contextRef, textRect.origin.x + textRect.size.width, textRect.origin.y + textRect.size.height + descender);

CGContextClosePath(contextRef);

CGContextDrawPath(contextRef, kCGPathStroke);
[super drawRect:rect];
}

There are all my buttons in view but label's text is not underlined. What I'm doing wrong?


Solution

  • You may subclass from UILabel and override drawRect method:

     - (void)drawRect:(CGRect)rect {
    
        CGContextRef ctx = UIGraphicsGetCurrentContext();
       CGContextSetRGBStrokeColor(ctx, 207.0f/255.0f, 91.0f/255.0f, 44.0f/255.0f, 1.0f); // RGBA
        CGContextSetLineWidth(ctx, 1.0f);
    
      CGContextMoveToPoint(ctx, 0, self.bounds.size.height - 1);
       CGContextAddLineToPoint(ctx, self.bounds.size.width, self.bounds.size.height - 1);
    
      CGContextStrokePath(ctx);
    
       [super drawRect:rect];  
    

    }

    then put a custome button over that label.