我正在我的应用程序中实现一个标签系统,为此我需要标签的背景图像和覆盖该图像的文本。问题是 - 我如何拉伸图像以“适合”文本?“数学”可以正常工作,但像“经济学”这样的词就不行,因为它会与背景图像重叠。
这是我的标签的样子:
我正在我的应用程序中实现一个标签系统,为此我需要标签的背景图像和覆盖该图像的文本。问题是 - 我如何拉伸图像以“适合”文本?“数学”可以正常工作,但像“经济学”这样的词就不行,因为它会与背景图像重叠。
这是我的标签的样子:
您可以找到字符串宽度(在您的情况下可能是 UILabel),如下所示
CGSize expectedLabelSize = [yourString sizeWithFont:yourLabel.font
constrainedToSize:maximumLabelSize
lineBreakMode:yourLabel.lineBreakMode];
一旦知道文本长度,您就可以使用它并将背景设置为可拉伸图像。
UIImage *strechableImage = [[UIImage imageNamed:@"tagImage"] resizableImageWithCapInsets:UIEdgeInsetsMake(3, 3, 3, 25)]
插图(大写)是(顶部、左侧、底部、顶部)并定义未缩放/拉伸的区域(例如圆角)。
来自 Apple 文档
在图像的缩放或调整大小期间,被帽子覆盖的区域不会被缩放或调整大小。相反,每个方向上未被帽覆盖的像素区域从左到右和从上到下平铺,以调整图像大小。
我最好的猜测是使用可拉伸图像,这些只是普通图像,您可以在其中设置 iOS 可以拉伸的部分。
这些图像很容易制作:
UIImage *imageTemp = [UIImage imageNamed:@"ButtonBackground.png"];
// For iOS 4.3 and lower
UIImage *stretchableImage = [imageTemp stretchableImageWithLeftCapWidth:20 topCapHeight:10];
// if you are targetting iOS 5 and higher
UIImage *stretchableImage = [imageTemp resizableImageWithCapInsets:UIEdgeInsetsMake(10, 10, 20, 20)];
和只是示例20
,10
它们可能对您的图像有所不同。如果这些是UIButton
您可以将可拉伸图像设置为按钮的背景,它将随着按钮正确增长。如果您从代码中设置文本,UILabel
则可以使用sizeWithFont:constrainedToSize:
来计算字符串的 with。然后设置正确的图像尺寸。
您首先需要计算文本的预期大小,然后相应地为图像提供框架。如果需要,您可以使用具有大写宽度和大写高度的图像。这是代码片段。
CGSize maximumLabelSize = CGSizeMake(600,52); // maximum possible size
CGSize expectedLabelSize = [brandName sizeWithFont:[UIFont fontWithName: @"Helvetica-Bold" size:20]
constrainedToSize:maximumLabelSize
lineBreakMode:UILineBreakModeTailTruncation];
UIImage *centerStretchedImage =[[UIImage imageNamed:@"yourImage.png"] stretchableImageWithLeftCapWidth:10.0 topCapHeight:0];
CGRect frame = CGRectMake(x, y, expectedLabelSize.width+20,52);
UIImageView *dynamicImage = [[UIImageView alloc] initWithFrame:frame];
dynamciImage.image = centerStretchedImage;