使 UILabel 看起来像 CSS 显示：内联

Question

好吧，这是我的问题。我有一组相当大的 UIButtons，其中有一个 UIImage 设置为背景。现在我想在这些按钮内添加标签。但我目前正在实现的设计使用“花哨”标签，其中标签的背景颜色是半透明的，并在文本周围折叠。

我的第一个想法是使用 UIWebview 来实现这一点并且它有效，但是添加大量 UIWebview 需要很长时间才能显示标签。

下一个解决方案是使用 UILabel，性能会好很多倍。但对于我的一生，我无法弄清楚如何让视觉风格与设计相匹配。

所以基本上我希望使 UILabel 的行为像具有 CSS 规则 display: inline; 的 HTML 元素一样。风格定义。

使用 UILabel 的内置参数是否可以实现这一点？如果没有，我可能会使用 UIWebView 解决方案，但使用 UILabel 当然会更好。

这是一个屏幕截图，应该可以更好地解释它

顶部是默认 UILabel 的行为方式，底部是我希望它的行为方式。

Answer 1

您还没有完全描述您的文本的风格，但在我看来您想要一种“发光”效果。这可以使用 QuartzCore 在标签上产生阴影效果来完成。请注意，单个阴影通常无法做到这一点，因此这里是一个具有四个标签和四个阴影的示例：

for (int i = 0; i < 4; i++) {
    UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(20, 20, 280, 30)];
    [label setBackgroundColor:[UIColor clearColor]];
    [label setTextColor:[UIColor colorWithRed:1 green:1 blue:1 alpha:1]];
    [label setText:@"This is some glowing text"];
    [[label layer] setShadowColor:[[UIColor colorWithRed:1 green:1 blue:1 alpha:1] CGColor]];
    CGSize shadowOff = CGSizeMake(0, 0);
    if (i == 0) shadowOff = CGSizeMake(3, 3);
    else if (i == 1) shadowOff = CGSizeMake(3, -3);
    else if (i == 2) shadowOff = CGSizeMake(-3, -3);
    else if (i == 3) shadowOff = CGSizeMake(-3, 3);
    [[label layer] setShadowOffset:shadowOff];
    [[label layer] setShadowOpacity:0.5];
    [[label layer] setShadowRadius:3];
    [[label layer] setMasksToBounds:NO];
    [self.view addSubview:[label autorelease]];
}

显然，可以修改阴影不透明度、半径等以获得不同级别的“发光”。

Answer 2

据我所知，您需要在这里弄清楚两件事：

1. 您想要在 UILabel 中使用的文本的渲染大小。可以使用 -[NSString sizeWithFont:] 来计算。还有很多其他相关方法。请参阅 NSString UIKit 添加参考。

2. 您需要的第二件事是 UILabel 的背景颜色应该完美地折叠在文本周围。为此，您需要设置一个可拉伸图像作为 UILabel 的背景。请参阅-[UIImagestretchableImageWithLeftCapWidth:topCapHeight:]。请参阅http://idevrecipes.com/2010/12/08/stretchable -images-and-buttons/ 有关可拉伸图像如何工作的示例。

Answer 3

我设法找到了一个几乎按预期工作的解决方案。它不会折叠所有单行，但它折叠文本周围的框，这对我来说已经足够好了。

这是对我有用的最终代码：

UILabel *buttonTitle = [[UILabel alloc] initWithFrame:CGRectMake(4, 4, 176, 120)];
buttonTitle.text = @"Button text";
buttonTitle.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.65];
buttonTitle.textColor = [UIColor whiteColor];
buttonTitle.textAlignment = UITextAlignmentLeft;
buttonTitle.numberOfLines = 0;
buttonTitle.lineBreakMode = UILineBreakModeWordWrap;
buttonTitle.adjustsFontSizeToFitWidth = NO;
[buttonTitle sizeToFit];