Center NSTextAttachment image next to single line UILabel

by

You can use the capHeight of the font.

Objective-C

NSTextAttachment *icon = [[NSTextAttachment alloc] init];
UIImage *iconImage = [UIImage imageNamed:@"icon.png"];
[icon setBounds:CGRectMake(0, roundf(titleFont.capHeight - iconImage.size.height)/2.f, iconImage.size.width, iconImage.size.height)];
[icon setImage:iconImage];
NSAttributedString *iconString = [NSAttributedString attributedStringWithAttachment:icon];
[titleText appendAttributedString:iconString];

Swift

let iconImage = UIImage(named: "icon.png")!
var icon = NSTextAttachment()
icon.bounds = CGRect(x: 0, y: (titleFont.capHeight - iconImage.size.height).rounded() / 2, width: iconImage.size.width, height: iconImage.size.height)
icon.image = iconImage
let iconString = NSAttributedString(attachment: icon)
titleText.append(iconString)

The attachment image is rendered on the baseline of the text.
And the y axis of it is reversed like the core graphics coordinate system.
If you want to move the image upward, set the bounds.origin.y to positive.

The image should be aligned vertically center with the capHeight of the text.
So we need to set the bounds.origin.y to (capHeight - imageHeight)/2.

Avoiding some jagged effect on the image, we should round the fraction part of the y. But fonts and images are usually small, even 1px difference makes the image looks like misaligned. So I applied the round function before dividing. It makes the fraction part of the y value to .0 or .5

In your case, the image height is larger than the capHeight of the font. But you can use the same way. The offset y value will be negative. And it will be laid out from the below of the baseline.

enter image description here

References:

Apple developer Text Programming Guide for iOS

More Related Contents:

  1. Bold & Non-Bold Text In A Single UILabel?
  2. How to calculate UILabel width based on text length?
  3. How do I set bold and italic on UILabel of iPhone/iPad?
  4. UILabel with text of two different colors
  5. Format UILabel with bullet points?
  6. Add objective c code to swift file [closed]
  7. UITextField text change event
  8. How to hide UINavigationBar 1px bottom line
  9. Can’t use Swift classes inside Objective-C
  10. Save string to the NSUserDefaults?
  11. Xcode not automatically creating bridging header?
  12. iOS detect if user is on an iPad
  13. When to use @objc in Swift?
  14. How to use UIView autoresizingMask property programmatically?
  15. why UITableViewAutomaticDimension not working?
  16. Drop-Down List in UITableView in iOS
  17. Use multiple font colors in a single label
  18. NSURLSession: How to increase time out for URL requests?
  19. iOS difference between isKindOfClass and isMemberOfClass
  20. Best way to parse URL string to get values for keys?
  21. Swift 3.1 deprecates initialize(). How can I achieve the same thing?
  22. Swift equivalent to `[NSDictionary initWithObjects: forKeys:]`
  23. Dynamically increase height of UILabel & TableView Cell?
  24. UIFont – how to get system thin font
  25. How shouldChangeCharactersInRange works in Swift?
  26. Open UISplitViewController to Master View rather than Detail
  27. How to catch all iOS Push Notifications with different user actions including tap on app icon
  28. How do I calculate the UILabel height dynamically [duplicate]
  29. How do I set an NSCalendarUnitMinute repeatInterval on iOS 10 UserNotifications?
  30. iOS 7 parallax effect in my view controller

Leave a Comment