I'm trying to draw text in the centre of shapes in iOS, an example would be Microsoft Office's insert shape see: https://www.dropbox.com/s/cgqyyuvy6hcv5g8/Screenshot%202014-01-21%2013.48.17.png
I have an array of coordinates that are used to form the shape, which works fine for creating the actual shape.
My first tactic was following this stackoverflow question: Core Text With Asymmetric Shape on iOS however I can only get it to draw the text at the bottom of the shape. Is there any way to centre the text vertically and horizontally?
I then had a look at the new TextKit but I got stuck with how to subclass NSTextContainer
to accept either a CGPath
or an array of coordinates to create the text container to draw inside.
My backup solution is to use Core Text to draw the text at the centre coordinate of a shape, however this will cause the text to draw outside of the shape on some shapes such as a right angled triangle.
Alternatively, are there any other methods I could use to get some text somewhat in the centre of a shape?
I cherrypicked from these answers and from related questions - none of them were truly satisfying - and came up with this simple solution:
UIGraphicsBeginImageContext(CGSize.init(width: imageWidth, height: imageHeight))
let string = "ABC" as NSString
let attributes = [
NSFontAttributeName : UIFont.systemFontOfSize(40),
NSForegroundColorAttributeName : UIColor.redColor()
]
// Get the width and height that the text will occupy.
let stringSize = string.sizeWithAttributes(attributes)
// Center a rect inside of the image
// by going half the difference to the right and down.
string.drawInRect(
CGRectMake(
(imageWidth - stringSize.width) / 2,
(imageHeight - stringSize.height) / 2,
stringSize.width,
stringSize.height
),
withAttributes: attributes
)
let newImage = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
The result (nevermind the colours):
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With