如何在 iOS 中屏蔽 UILabel - Objective-C

Question

我想对 UIView 进行子类化，并将四个 UILabels 放在另一个之上；顶部标签将是掩模，第二个标签将是带有文本的普通标签，第三个标签是具有纯色背景且没有文本的标签。底部标签将与顶部第二个标签相同，但字体颜色不同。当我发送第三个标签的宽度时，它将覆盖底部标签，显示文本的部分视图。我想让第二个文本为一种颜色，而未覆盖的底部标签显示另一种颜色字体。

这可能吗？如果有人可以解释如何在 Objective-C 中进行屏蔽，那也会有帮助。

我试图构建一个像进度条一样的 UIView，当进度条填充到 60% 时，我希望顶部文本以白色字体颜色显示，而底部文本以不同颜色显示。

Answer 1

您可以使用两个 UILabel 来完成此操作，一个位于底部，一个嵌入在顶部的另一个视图中。

UILabel *bottomLabel = ...;
[self.view addSubview:bottomLabel];

UIView *topContainer = [[UIView alloc] initWithFrame:bottomLabel.frame];
topContainer.clipsToBounds = YES;
topContainer.opaque = NO;
topContainer.backgroundColor = [UIColor clearColor];

UILabel *topLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, bottomLabel.frame.size.width, bottomLabel.frame.size.height)];
topLabel.text = bottomLabel.text;
topLabel.opaque = NO;
topLabel.backgroundColor = [UIColor clearColor];

[topContainer addSubview:topLabel];
[self.view addSubview:topContainer];

然后，当您想要更改进度时，您可以设置 topContainer 的宽度。这应该剪辑 topLabel。

Answer 2

与其使用四个 UILabel，为什么不子类化 UILabel 并在 drawRect: 方法中自己绘制它呢？它看起来像：

- (void)drawRect:(CGRect)rect {
    CGContextRef context = UIGraphicsGetCurrentContext();

    // Set the mask
    CGContextClipToMask(context, self.bounds, /* mask image */);

    // Draw the text in a different font
    [self.text drawInRect:rect withFont:/* alternate font */];

    // Draw a solid background
    CGContextSetRGBFillColor(context, ...);
    CGContextFillRect(context, rect);

    // Draw the text normally
    [super drawRect:rect];
}

为了方便起见，您可以为子类创建遮罩图像和替代字体属性。