Best way to position game touch controls around the iPhone Duo hinge

For a full-screen game with a Metal/Unreal rendering view and a SwiftUI overlay for touch controls, what is the recommended way to keep interactive controls away from the hinge while still allowing the rendered game world to use the full display? Would you recommend querying ReservedRegion in the SwiftUI overlay while allowing the underlying render view to remain edge-to-edge? Also, should control placement respond continuously while the device is being folded, or primarily respond to layout/reserved-region changes once the pose changes?

Answered by DTS Engineer in 912950022

Hi @JCarter1,

Query ReservedRegion and UIView.ReservedRegion with .division on the view that places the controls, and keep the render view edge-to-edge. The region is inactive when the device is flat, so respond to region changes rather than to the hinge angle. For additional guidance, please see below:

Human Interface Guidelines: Designing for iPhone Duo

https://developer.apple.com/design/human-interface-guidelines/designing-for-iphone-duo

Cheers,

Paris X Pinkney |  WWDR | DTS Engineer

Hi @JCarter1,

Query ReservedRegion and UIView.ReservedRegion with .division on the view that places the controls, and keep the render view edge-to-edge. The region is inactive when the device is flat, so respond to region changes rather than to the hinge angle. For additional guidance, please see below:

Human Interface Guidelines: Designing for iPhone Duo

https://developer.apple.com/design/human-interface-guidelines/designing-for-iphone-duo

Cheers,

Paris X Pinkney |  WWDR | DTS Engineer