How can I create nested buttons ?

Questions & Answers
1

Hi,

I would like to create nested buttons with GUILayout.Button.

My scenario is as following:

I have a main button, whenever I click it starts the game with preset settings (1).
Also I have inner buttons, if I click it changes some of the settings of a game but does not start anything(2).

102991-draw.png
102991-draw.png994×464 15 KB

I would like to solve this issue with scripting fx. GUILayout.Button()

Any ideas?

2

I know you may not like this, but I’m going to encourage you to re-think your design to something a little more traditional. People accurately hit buttons about 95% of the time, which means about 1 out of 20 times someone will take an unintended action with this layout (as opposed to hitting a margin and doing nothing). Having a big start button above the three configure buttons will be a much more user-friendly design than a button-in-button design.102994-rect4136-9.png

3

You can disable GUI interaction with the Main-Button when the mouse is over any of the other buttons.

Here is an exemple:

void OnGUI(){
			
		Event e = Event.current;

			Rect r = new Rect (0,0,200,200); // play button rect
			Rect s1 = new Rect (20,80,60,20); // setting 1 button rect
			Rect s2 = new Rect (120,80,60,20);  // setting 2 button rect

		// check if mouse is over any of the settings buttons, if so disable the gui for the Play button
		foreach (Rect rect in new Rect[]{s1,s2})
			if (rect.Contains(e.mousePosition))
			GUI.enabled = false;
		
		if (GUI.Button (r,"Play")){ 
				Debug.Log ("Play was Clicked");
			}

		GUI.enabled = true; // re-enabling the gui for the other buttons

		if (GUI.Button (s1,"setting 1")){
				Debug.Log ("setting 1 was Clicked");
		} 
		if (GUI.Button (s2,"setting 2")){
				Debug.Log ("setting 2 was Clicked");
		}

		}