How to put an image and a bottom text together in a UIButton?

Question

I want to put an centered image and a bottom centered text in a UIButton.

How I can do that?

Thanks in advance.

score 9 · Accepted Answer · edited Dec 09 '14 at 14:23

9

Ok, figure out how. Using the methods:

    [button1 setTitleEdgeInsets:UIEdgeInsetsMake(30.0, 0.0, 0.0, 0.0)];
    [button1 setImageEdgeInsets:UIEdgeInsetsMake(-10.0, 29.0, 0.0, 0.0)];

edited Dec 09 '14 at 14:23

Mitul Nakum

answered Mar 14 '10 at 18:10

reinaldoluckman

1

What are those values stand for? – Cemal Eker Mar 25 '13 at 11:24
Man, 4 years from my answer, but the numbers are related with my image size and title size. The idea was to show the methods. The numbers you have to try for yourself. I'm pretty sure that an generic method can be written using calcs from the runtime image/title size, but I don't have the time to do that now. Sorry. – reinaldoluckman Dec 09 '14 at 20:01

score 3 · Answer 2 · answered May 17 '14 at 10:06

3

If you what a specific solution, with a UIButton with an Image and a Text below. I made a Extended Class from UIButton to make it easier:

You only need to use UIButtonBox in Interface Builder and it will layout automatically the text bellow the image.

answered May 17 '14 at 10:06

jalopezsuarez

What is the licence for this code? The code says it is copyrighted to you but doesn't say if it is licenced (under an open-source licence?) to use in my project. – Intrications Jan 22 '16 at 13:54

score 0 · Answer 3 · answered Jan 06 '15 at 07:07

0

Try this

[btn setTitleEdgeInsets:UIEdgeInsetsMake(btn.frame.size.height - 20, 1, 1, 1)];

arguments: top, left, bottom, right

Set the frame first. Also reduce the font size to fit in.

answered Jan 06 '15 at 07:07

Jeet

3 Answers3