How to handle mixed input

Question

I'm aiming for the following design in my app, and I am having a difficulty figuring how this could be achieved.

The purple part will be the main part of the game, which I have actually already written, implementing InputProcessor. It uses touch controls for dragging (mainly) and touching down or up with the finger.

I didn't think of creating a HUD beforehand and now decided that a Stage would work perfectly for that, but it definitely wouldn't work with the above input method. Is there a way to split the screen into areas like in the diagram, and depending on touch location pass the touch events to either main game InputProcessor or to the Stage?

Answer 1

You can use an InputMultiplexer to combine 2 input processors. The multiplexer will accept stage as it is an inputProcessor which would be your GUI. You can then add your game's input processor as the second processor.

The second processor will only be triggered when the first input processor returns false indicating it has not handled the event and should be passed down the processor chain.

Stage myStage = new Stage(); // define your stage    

// create multiplexer
InputMultiplexer multiplexer = new InputMultiplexer();
multiplexer.addProcessor(myStage); // set stage as first input processor
multiplexer.addProcessor(new MyGameInputProcessor());  // set your game input precessor as second
Gdx.input.setInputProcessor(multiplexer); // set multiplexer as input processor