如何像 Foursquare 那样创建徽章？

Question

我想创建这些蓝色和红色徽章标签 Foursquare，如下面的屏幕截图所示。

如何像 Foursquare 那样创建徽章？

Answer 1

这可能不是世界上最好的代码，但它应该可以工作。 您必须导入 QuartzCore/QuartzCore.h，并且不要忘记将按钮添加为子视图。

    UIButton * btn = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 80, 15)];
    [btn setTitle:@“Hello” forState:UIControlStateNormal];
    [btn sizeToFit];
    CGRect frame = btn.frame;

    // adding horizontal spacing
    frame = CGRectMake(CGRectGetMinX(frame), CGRectGetMinY(frame), CGRectGetWidth(frame) + 24, CGRectGetHeight(frame));

    // decreasing vertical spacing
    frame = CGRectMake(CGRectGetMinX(frame), CGRectGetMinY(frame), CGRectGetWidth(frame), CGRectGetHeight(frame) - 8);

    btn.frame = frame;
    btn.layer.cornerRadius = CGRectGetHeight(frame)/2;
    btn.clipsToBounds = YES; // not sure if needed

    // if you want a border:
    btn.layer.borderWidth = 1;
    btn.layer.borderColor = [UIColor greenColor].CGColor;