How can you rotate text for UIButton and UILabel in Swift?

by

I am putting my answer in a similar format to this answer.

Here is the original label:

enter image description here

Rotate 90 degrees clockwise:

yourLabelName.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2)

enter image description here

Rotate 180 degrees:

yourLabelName.transform = CGAffineTransform(rotationAngle: CGFloat.pi)

enter image description here

Rotate 90 degrees counterclockwise:

yourLabelName.transform = CGAffineTransform(rotationAngle: -CGFloat.pi / 2)

enter image description here

Do the same thing to rotate a button. Thankfully the touch events also get rotated so the button is still clickable in its new bounds without having to do anything extra.

yourButtonName.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 2)

Notes:

Documentation for CGAffineTransform

The basic format is CGAffineTransform(rotationAngle: CGFloat) where rotationAngle is in radians, not degrees.

There are 2π radians in a full circle (360 degrees). Swift includes the useful constant CGFloat.pi.

  • CGFloat.pi = π = 180 degrees
  • CGFloat.pi / 2 = π/2 = 90 degrees

Auto Layout:

Auto layout does not work with rotated views. (See Frame vs Bounds for an explanation why.) This problem can be solved by creating a custom view. This answer shows how to do it for a UITextView, but it is the same basic concept for a label or button. (Note that you will have to remove the CGAffineTransformScale line in that answer since you don’t need to mirror the text.)

Related

More Related Contents:

  1. Reset Score Button iOS
  2. How can you rotate text for UIButton and UILabel in Objective-C?
  3. Issue while adding action to UIButton in Swift 3.0
  4. How to change button into a picture?
  5. Bold & Non-Bold Text In A Single UILabel?
  6. detecting uibutton pressed in tableview: Swift Best Practices
  7. Adjust UILabel height to text
  8. Adding a closure as target to a UIButton
  9. How to get text / String from nth line of UILabel?
  10. How to calculate UILabel width based on text length?
  11. Use multiple font colors in a single label
  12. How to make a UILabel clickable?
  13. Round Top Corners of a UIButton in Swift
  14. Make a UIButton programmatically in Swift
  15. Passing Image to another View Controller (Swift)
  16. How do you make a vertical text UILabel and UITextView for iOS in Swift?
  17. How can I create a UILabel with strikethrough text?
  18. How to underline a UILabel in swift?
  19. update label from background timer
  20. Swift – UIButton with two lines of text
  21. How do I set UIButton background color forState: UIControlState.Highlighted in Swift
  22. Changing text of UIButton programmatically swift
  23. How to change UIButton image in Swift
  24. Change button background color using swift language
  25. UITableViewCell Buttons with action
  26. Center NSTextAttachment image next to single line UILabel
  27. Make custom button on Tab Bar rounded
  28. iOS: How to run a function after Device has Rotated (Swift)
  29. Rotation only in one ViewController
  30. Rotating a view in layoutSubviews

Leave a Comment