如何在 UILabel 中实现如图所示的背景图像？

Question

下面的效果如何实现？？

我希望当我的 UIImage 宽度小于 UILabel 宽度时，我的图像应该只显示一次，如下所示。

我已经使用 UILabel 和 UIImage 完成了更多工作。请参阅我之前的问题：如何拉伸Image以填充UILabel中Background设置的Label宽度？。

但现在我想要更多乐趣 UILabel... :D

编辑：

SBLabel *lbl = [[SBLabel alloc] initWithFrame:CGRectMake(0, 50, 320, 28)];
lbl.text = @"Hello World!!!...";
UIImage *img = [UIImage imageNamed:@"cn3.png"];
UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 50, 320, 28)];
imgView.image = img;
[lbl setNonRepeatingBackgroundImage:imgView];
[self.view addSubview:lbl];

[imgView release];

Answer 1

if (image.size.width < label.size.width ||image.size.height < label.size.height )
{
//rect here is frame of image
   [img drawInRect:rect];
   label.backgroudColor = [UIColor clearColor];
}

Answer 2

似乎最简单的解决方案是将您的 UIImage 放在 UILabel 后面，并且您的 UILabel 具有透明的背景色。

编辑

假设您使用的是 ARC...

SBLabel.h

#import <UIKit/UIKit.h>

@interface SBLabel : UILabel

@property (nonatomic, strong) UIImageView *nonRepeatingBackgroundImage;

@end

SBLabel.m

#import "SBLabel.h"

@implementation SBLabel

@synthesize nonRepeatingBackgroundImage;

- (void)setNonRepeatingBackgroundImage:(UIImageView *)aNonRepeatingBackgroundImage {
    nonRepeatingBackgroundImage = aNonRepeatingBackgroundImage;
    [self addSubview:aNonRepeatingBackgroundImage];
    [self sendSubviewToBack:aNonRepeatingBackgroundImage];
    [self setBackgroundColor:[UIColor clearColor]];
}

@end

在添加 UILabel 后，您需要调用此 setter 方法到父视图。我还没有测试过，但我相信它应该可以工作，可能需要一些调整，但希望它解释了如何子类化 UILabel 来进行这样的自定义增强。

Answer 3

UILabel 的子类可能如下所示（没有 ARC）

CustomLabel.h

#import <UIKit/UIKit.h>

@interface CustomLabel : UILabel {
    UIImage *mImage;
}
@property (retain) UIImage *image;
@end

CustomLabel.m

#import "CustomLabel.h"

@implementation CustomLabel

- (void)dealloc {
    self.image = nil;
    [super dealloc];
}

- (void)drawRect:(CGRect)rect {
    [mImage drawAtPoint:CGPointMake(0, 0)];
    [super drawRect:rect];
}

- (UIImage*)image {
    return mImage;
}

- (void)setImage:(UIImage *)image {
    self.backgroundColor = [UIColor clearColor];

    if(mImage)
        [mImage release];
    mImage = [image retain];
    [self setNeedsDisplay];
}
@end

用法

yourCustomLabel.image = [UIImage imageNamed:@"test.png"];