Search Unity

  1. Calling all beginners! Join the FPS Beginners Mods Challenge until December 13.
    Dismiss Notice
  2. It's Cyber Week at the Asset Store!
    Dismiss Notice

Unity UI Handling rounded corners in the iPhoneX

Discussion in 'Unity UI (uGUI) & TextMesh Pro' started by alexchesser, Jul 6, 2018.

  1. alexchesser


    Sep 15, 2017
    I'm working on a VR app on IOS which needs to support both classic iphone as well as iphone x.

    I have an over-lay button which sits on top of the VR. My problem at the moment is that the scaling and position on the iPhone X is actually within the rounded corners of the physical device

    an iPhone 6 or 8 looks like this:

    Screen Shot 2018-07-06 at 1.03.32 PM.png

    an iPhone X looks like this:

    Screen Shot 2018-07-06 at 1.00.14 PM.png

    now in the second image the button is actually hidden under the rounded physical edge of the device.

    I can't find any current in-built UI element which allows for canvas to be resized based on the SAFE AREA of the screen.

    Is there an existing SAFE ARE support in unity (this project is v5.5 by the way)? Or do I have to write my own?