带图像和标题的UISegmentedControl
我正在使用一个UIToolBar内的UISegmentedControl作为button。 我不能使用正常的UIButtonBarItem ，因为我需要设置tintColor并支持iOS 4.3。 所以我使用下面的代码：
UISegmentedControl* searchButton = [[UISegmentedControl alloc] initWithItems:[NSArray arrayWithObjects:@"", nil]]; [searchButton setImage:[UIImage imageNamed:@"search_picto"] forSegmentAtIndex:0]; searchButton.momentary = YES; searchButton.segmentedControlStyle = UISegmentedControlStyleBar; searchButton.tintColor = [UIColor colorWithRed:0.27 green:0.60 blue:0.20 alpha:1.00]; [searchButton addTarget:self action:@selector(actionSearch:) forControlEvents:UIControlEventValueChanged];
这很好，但有没有一种方法可以在我的图像旁边显示文本/标题？ 方法setTitle：删除图像。 必须有另一种方式
谢谢你的帮助。
–
编辑：我决定直接添加文本到UIImageView像这样：
NSString* label = @"My Label"; UIImage* image = [self addText:label toImage:[UIImage imageNamed:@"icon"]]; [_segmentedControl insertSegmentWithImage:image atIndex:0 animated:NO]; [_segmentedControl setWidth:image.size.width + 10]; // add some margin on the right - (UIImage *)addText:(NSString *)text toImage:(UIImage *)image { UIFont* font = [UIFont boldSystemFontOfSize: 12]; CGSize expectedSize = [text sizeWithFont:font]; [self retinaAwareUIGraphicsBeginImageContext:CGSizeMake(image.size.width + expectedSize.width + 10, image.size.height)]; [image drawAtPoint: CGPointZero]; [[UIColor whiteColor] set]; [text drawAtPoint: CGPointMake(30, 2) withFont:font]; image = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); return image; } - (void)retinaAwareUIGraphicsBeginImageContext:(CGSize) size { CGFloat scale = -1.0; if (scale<0.0) { UIScreen *screen = [UIScreen mainScreen]; if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 4.0) { scale = [screen scale]; } else { scale = 0.0; } } if (scale>0.0) { UIGraphicsBeginImageContextWithOptions(size, NO, scale); } else { UIGraphicsBeginImageContext(size); } }
尝试这个 ：
UISegmentedControl* searchButton = [[UISegmentedControl alloc] initWithItems:[NSArray arrayWithObjects:@"", nil]]; [searchButton insertSegmentWithImage:[UIImage imageNamed:@"up_button.png"] atIndex:0 animated:YES]; [searchButton insertSegmentWithImage:[UIImage imageNamed:@"down_button.png"] atIndex:1 animated:YES]; searchButton.segmentedControlStyle = UISegmentedControlStyleBar; searchButton.tintColor = [UIColor colorWithRed:0.27 green:0.60 blue:0.20 alpha:1.00]; [searchButton setMomentary:YES];
你能行的：
为UIImage添加类别：
在UIImage + UISegmentIconAndText.h
@interface UIImage (UISegmentIconAndText) + (id) imageFromImage:(UIImage*)image string:(NSString*)string color:(UIColor*)color; + (id) imageFromImage:(UIImage*)image string:(NSString*)string color:(UIColor*)color position:(NSString*)position; @end
在UIImage + UISegmentIconAndText.m
#import "UIImage+UISegmentIconAndText.h" @implementation UIImage (UISegmentIconAndText) + (id) imageFromImage:(UIImage*)image string:(NSString*)string color:(UIColor*)color { UIFont *font = [UIFont systemFontOfSize:16.0]; CGSize expectedTextSize = [string sizeWithAttributes:@{NSFontAttributeName: font}]; int width = expectedTextSize.width + image.size.width + 5; int height = MAX(expectedTextSize.height, image.size.width); CGSize size = CGSizeMake((float)width, (float)height); UIGraphicsBeginImageContextWithOptions(size, NO, 0); CGContextRef context = UIGraphicsGetCurrentContext(); CGContextSetFillColorWithColor(context, color.CGColor); int fontTopPosition = (height - expectedTextSize.height) / 2; CGPoint textPoint = CGPointMake(image.size.width + 5, fontTopPosition); [string drawAtPoint:textPoint withAttributes:@{NSFontAttributeName: font}]; // Images upside down so flip them CGAffineTransform flipVertical = CGAffineTransformMake(1, 0, 0, -1, 0, size.height); CGContextConcatCTM(context, flipVertical); CGContextDrawImage(context, (CGRect){ {0, (height - image.size.height) / 2}, {image.size.width, image.size.height} }, [image CGImage]); UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); return newImage; } @end
在你的代码中实现细分：
UIImage *imageWithText = [UIImage imageFromImage:[UIImage imageNamed:@"images/jobaids_tab_icon"] string:@"Hello", nil) color:[UIColor whiteColor]]; [_segmentedController setImage:imageWithText forSegmentAtIndex:0];
对于Swift。
segFont是embedded文本的字体。
imageAlignment是出现在文本的左侧或右侧的图像的alignment方式。
将imageAlignment设置为0左alignment（图像将出现在文本的左侧）和1右alignment（图像将出现在文本的右侧）
class func textEmbededImage(image: UIImage, string: String, color:UIColor, imageAlignment: Int = 0, segFont: UIFont? = nil) -> UIImage { let font = segFont ?? UIFont.systemFontOfSize(16.0) let expectedTextSize: CGSize = (string as NSString).sizeWithAttributes([NSFontAttributeName: font]) let width: CGFloat = expectedTextSize.width + image.size.width + 5.0 let height: CGFloat = max(expectedTextSize.height, image.size.width) let size: CGSize = CGSizeMake(width, height) UIGraphicsBeginImageContextWithOptions(size, false, 0) let context: CGContextRef = UIGraphicsGetCurrentContext()! CGContextSetFillColorWithColor(context, color.CGColor) let fontTopPosition: CGFloat = (height - expectedTextSize.height) / 2.0 let textOrigin: CGFloat = (imageAlignment == 0) ? image.size.width + 5 : 0 let textPoint: CGPoint = CGPointMake(textOrigin, fontTopPosition) string.drawAtPoint(textPoint, withAttributes: [NSFontAttributeName: font]) let flipVertical: CGAffineTransform = CGAffineTransformMake(1, 0, 0, -1, 0, size.height) CGContextConcatCTM(context, flipVertical) let alignment: CGFloat = (imageAlignment == 0) ? 0.0 : expectedTextSize.width + 5.0 CGContextDrawImage(context, CGRectMake(alignment, ((height - image.size.height) / 2.0), image.size.width, image.size.height), image.CGImage) let newImage = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return newImage }
Swift 3
extension UIImage{ class func textEmbededImage(image: UIImage, string: String, color:UIColor, imageAlignment: Int = 0, segFont: UIFont? = nil) -> UIImage { let font = segFont ?? UIFont.systemFont(ofSize: 16.0) let expectedTextSize: CGSize = (string as NSString).size(attributes: [NSFontAttributeName: font]) let width: CGFloat = expectedTextSize.width + image.size.width + 5.0 let height: CGFloat = max(expectedTextSize.height, image.size.width) let size: CGSize = CGSize(width: width, height: height) UIGraphicsBeginImageContextWithOptions(size, false, 0) let context: CGContext = UIGraphicsGetCurrentContext()! context.setFillColor(color.cgColor) let fontTopPosition: CGFloat = (height - expectedTextSize.height) / 2.0 let textOrigin: CGFloat = (imageAlignment == 0) ? image.size.width + 5 : 0 let textPoint: CGPoint = CGPoint.init(x: textOrigin, y: fontTopPosition) string.draw(at: textPoint, withAttributes: [NSFontAttributeName: font]) let flipVertical: CGAffineTransform = CGAffineTransform(a: 1, b: 0, c: 0, d: -1, tx: 0, ty: size.height) context.concatenate(flipVertical) let alignment: CGFloat = (imageAlignment == 0) ? 0.0 : expectedTextSize.width + 5.0 context.draw(image.cgImage!, in: CGRect.init(x: alignment, y: ((height - image.size.height) / 2.0), width: image.size.width, height: image.size.height)) let newImage = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return newImage! } }