How do I create a round cornered UILabel on the iPhone?

by

iOS 3.0 and later

iPhone OS 3.0 and later supports the cornerRadius property on the CALayer class. Every view has a CALayer instance that you can manipulate. This means you can get rounded corners in one line:

view.layer.cornerRadius = 8;

You will need to #import <QuartzCore/QuartzCore.h> and link to the QuartzCore framework to get access to CALayer’s headers and properties.

Before iOS 3.0

One way to do it, which I used recently, is to create a UIView subclass which simply draws a rounded rectangle, and then make the UILabel or, in my case, UITextView, a subview inside of it. Specifically:

  1. Create a UIView subclass and name it something like RoundRectView.
  2. In RoundRectView‘s drawRect: method, draw a path around the bounds of the view using Core Graphics calls like CGContextAddLineToPoint() for the edges and and CGContextAddArcToPoint() for the rounded corners.
  3. Create a UILabel instance and make it a subview of the RoundRectView.
  4. Set the frame of the label to be a few pixels inset of the RoundRectView’s bounds. (For example, label.frame = CGRectInset(roundRectView.bounds, 8, 8);)

You can place the RoundRectView on a view using Interface Builder if you create a generic UIView and then change its class using the inspector. You won’t see the rectangle until you compile and run your app, but at least you’ll be able to place the subview and connect it to outlets or actions if needed.

More Related Contents:

  1. Decrease the width of the last line in multiline UILabel
  2. Setting a button’s target/action and passing a particular string to the action [closed]
  3. How to programmatically send SMS on the iPhone?
  4. Vertically align text to top within a UILabel
  5. Getting current device language in iOS?
  6. Placeholder in UITextView
  7. How do I wrap text in a UITableViewCell without a custom cell
  8. Fade/dissolve when changing UIImageView’s image
  9. UILabel – auto-size label to fit text?
  10. How to disable/enable the return key in a UITextField?
  11. How do I scroll the UIScrollView when the keyboard appears?
  12. in iPhone App How to detect the screen resolution of the device
  13. How to calculate UILabel width based on text length?
  14. How can you rotate text for UIButton and UILabel in Objective-C?
  15. Counting the number of lines in a UITextView, lines wrapped by frame size
  16. How can I create a UILabel with strikethrough text?
  17. Can I get a NSURL from an XCAssets bundle?
  18. Send a file as attachment in objective c
  19. Getting a normal looking unicode down arrow in a UILabel like this ⬇
  20. How to detect iphone is on silent mode
  21. How to specify size for iPhone 6/7 customised edge-to-edge image?
  22. Cocoa-Touch: How do I see if two NSDates are in the same day?
  23. How can I delay a method call for 1 second?
  24. Center NSTextAttachment image next to single line UILabel
  25. Setting scroll position in UITableView
  26. Creating iPhone Pop-up Menu Similar to Mail App Menu
  27. rotate a UIView around its center but several times
  28. Dismissing both UINavigation views and Modal views at once programmatically
  29. Rounded Corners on UIImage
  30. How do I calculate the UILabel height dynamically [duplicate]

Leave a Comment