Clickable area around icon in Unity

Question

I'm writing mobile Unity application. I want to add closing (X) icon for one scene. And add some padding around icon to make clickable area bigger ( because icon is not so big).

I wrote next code:

// create button
GameObject buttonContainerObject = new GameObject("XIconContainer", typeof(Button), typeof(RectTransform));
buttonContainerObject.GetComponent<Button>().onClick.AddListener(onClickAction);

// set button location and size
buttonContainerObject.transform.SetParent(canvas.transform);
buttonContainerObject.GetComponent<RectTransform>().sizeDelta = new Vector2(area_width, area_hight)
buttonContainerObject.transform.position = some_position;

// create image
GameObject buttonIconObject = new GameObject("XIconImage", typeof(Image));
buttonIconObject.GetComponent<Image>().sprite = xIconSprite;

// set image location and size
buttonIconObject.transform.SetParent(buttonContainerObject.transform);
buttonIconObject.transform.localPosition = new Vector3(0f, 0f); // in the center of button

But when I build project and tap on button, it responds only if I tap on image, outside image (and inside buttonContainerObject bounds) nothing happens.

What can I do in this situation? Thanks for response.

score 0 · Answer 1 · answered Mar 26 '17 at 15:45

0

You can just make a big button and change it's rect transform to be as big as you want and put your icon as a child of the object.

answered Mar 26 '17 at 15:45

pasotee

338
2
12

Did you read my code? I had done that, but it hasn't working. – Ted Romanus Mar 27 '17 at 02:31
Does it work before you build? I would still try to do it in the inspector by yourself if the code doesn't work – pasotee Mar 27 '17 at 04:37

Clickable area around icon in Unity

1 Answers1