UIButton with background and increased tabbing arrea

Question

I would like to have a small rounded UIButton with background. but increased tabbing arrea

Background is not an image, but a bacground color + layer.cornerRadius.

I have checked inserts, but not sure I can sort it out with background...and I don't wont to increase the size of the app, by using images

The problem is only with increased tabbing arrea. I know how to set button background and rounded corners. Any advices would be appreciated

You best option is to use `UIControl` instead of `UIButton` and just put a `UIView` inside it. — Sulthan, Oct 07 '18 at 14:50
Hi @Sulthan. Thank you for your comment. Could you please provide an example what do you mean, please — andrii, Oct 07 '18 at 14:55
a neat trick is to design a `UIView` and overlay an empty `UIButton` over your tappable area! — Pranav Kasetti, Oct 07 '18 at 18:26

score 1 · Answer 1 · answered Oct 07 '18 at 19:10

1

Just override hitTest and you'll be fine. You can read more about this on Apple docs and this SO answer.

answered Oct 07 '18 at 19:10

Guilherme Matuella

2,193
1
17
32

score 0 · Answer 2 · answered Oct 07 '18 at 15:36

0

Background is not an image, but a bacground color + layer.cornerRadius

Well, that's the problem. You cannot make a button magically "feel" a tap outside its own boundaries. Your button's boundaries are the boundaries of the red rounded rectangle. A tap outside the red rounded rectangle is therefore outside the button.

If you want the tappable area to be bigger, make the button bigger. If you then want the red rounded rectangle to be smaller than the button, make it an image.

answered Oct 07 '18 at 15:36

matt

515,959
87
875
1,141

2

_You cannot make a button magically "feel" a tap outside its own boundaries._ Actually, you can. And I'm pretty sure that you've heard (by knowing who you are) about overriding "-hitTest:" method ;) – arturdev Oct 07 '18 at 18:49

UIButton with background and increased tabbing arrea

2 Answers2