🤩 New Cool Developer Tools for you. Explore →
FREE JavaScript Video Series Start Learning →
FLAT 75% OFF All Interactive courses at flat ₹250 / $3.25 only. HURRRRRY!! Explore now
  Signup/Sign In
Tests
MCQs to test your knowledge.
Forum
Engage with the community.
Compilers
Compilers to execute code in browser.
← Back to Questions
Ask Question
Not satisfied by the Answer? Still looking for a better solution?
Ask Question

How do I put the image on the right side of the text in a UIButton?

I don't want to use a subview if I can avoid it. I want a UIButton with a background image, text, and an image in it. Right now, when I do that, the image is on the left side of the text. The background image, text, and image all have different highlight states.
uibutton layout ios
by

2 Answers

akshay1995
Despite some of the suggested answers being very creative and extremely clever, the simplest solution is as follows:


button.semanticContentAttribute = UIApplication.shared

    .userInterfaceLayoutDirection == .rightToLeft ? .forceLeftToRight : .forceRightToLeft

As simple as that. As a bonus, the image will be at the left side in right-to-left locales.
this is iOS 9 +.
pankajshivnani123
Simplest solution:

iOS 10 & up, Swift:

button.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)

button.titleLabel?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)

button.imageView?.transform = CGAffineTransform(scaleX: -1.0, y: 1.0)


Before iOS 10, Swift/Obj-C:

button.transform = CGAffineTransformMakeScale(-1.0, 1.0);

button.titleLabel.transform = CGAffineTransformMakeScale(-1.0, 1.0);

button.imageView.transform = CGAffineTransformMakeScale(-1.0, 1.0);


iOS 9 & up, Swift: (Recommended)

button.semanticContentAttribute = .forceRightToLeft

Login / Signup to Answer the Question.

LoginSignup