Question

I have a simple view hierarchy example.

Obviously the main view space is the primary space the user will interact with. At the bottom I have tabs that can pop up to indicate to the user where he/she is in the progression of the app. Normally, these tabs only take up the space indicated by the “Custom Tabs” rectangle at the bottom, but they can expand all the way up to fill the “Empty Space” box.

In order for the tabs to still be clickable, I had to make the tab view’s frame the full rectangle containing both the “Custom Tabs” space and “Empty Space” space. What this results in is that “Empty Space” not being interactive to the user when the tabs aren’t popped up, because the input is basically being consumed by that UIView, and not forwarded through the rest of the hierarchy.

I suppose the root of this problem is that both “Main View Space” and the “Empty Space + Custom Tabs” are both subviews of the main window.

Is there a way I can tell the system to forward the user input to the sibling views if the user didn’t actively tap on an interactive element? For example, doing something with the touchesBegan, touchesEnded etc. methods that would indicate to the OS that this view did not use the input.

EDIT

Here’s another version of the view, demonstrating the tate of one tab being open:

EDIT2

After some simple testing, it would seem that the default behavior is that the top most view gets the input first. This applies even if you have a clear UIView on top of a UITextField. The clear UIView will consume the input, preventing the UITextField from being editable

EDIT3

The way the tabs are supposed to work is the user can tap on a tab (sized as in the first picture), and then it will expand to display a thumbnail view associated with that tab (as in the second picture). The user can then optionally tap the tab once more to close it, and return the size to the original picture. In order for the tab to be clickable when it is open, I have to have the containing view be basically large enough to contain all 4 tabs as if they were open. This results in a lot of empty space in the containing view. This empty space results in essentially dead input space on the screen. If there were a button in the main view space that is covered by the empty space, the user would not be able to click on it. I would like to be able to avoid that behavior, and have that button covered by the empty space still be clickable.

Answer 1

Rather than trying to “forward” touches, I would modify your layout so that the tab view is only as big as the tabs, and change it’s .frame to be the larger rectangle in code only when you need it. For example, when a tab is clicked:

 CGRect tabFrame = tabView.bounds;
 tabFrame.origin.y = top_of_emptySpace;
 tabFrame.size.height = height_of_emptySpace + height_of_tabView;
 tabView.frame = tabFrame;

then you can add the content you need. when you need it to go away, remove the content then do :

 CGRect tabFrame = tabView.bounds;
 tabFrame.origin.y = top_of_tabView;
 tabFrame.size.height = height_of_tabView;
 tabView.frame = tabFrame;

There might be some tweaking required to make the content show up as you like, but this way, when the tabs are minimized, you won’t have to do anything extra to make the main view respond to touches correctly.