How can I showing my apps in the safe area of iPhone X

[heshiwo]

Hello,

I use AIR SDK 29.0.0.112, I add Default-812h@3x.png as the splashscreen for iphone X, but the content is not shown in the safe area of iPhone X, do you know how to show the content only in the safe area of iPhone X?

[dews]

Use this name:

Default-812h@3x~iphone.png

[heshiwo]

I try it, but there is also the same problem.

[dews]

I believe you need at least Air 28..  Air 29 was released mid last month..

What is your environment?

[marcanw]

I have the issue on Air 29 as well.

[heshiwo]

AIR 28 has the same issue.

[dews]

Not sure what your environment is..  however, I can confirm, that with Feathers SDK 3.4.1 (bundled with Air 29):

https://feathersui.com/sdk/download/

..and an empty image with dimensions 1125 x 2436 in the /src folder named: Default-812h@3x~iphone.png - you will have iPhone X support.

[heshiwo]

I use AIR 29.0.0.112，iPhone X (iOS 11.1.2), and I set stage.scaleMode = StageScaleMode.EXACT_FIT, the content is shown fullscreen and is hidden behind the statusbar or the home indicator, but not in the safe area.

[marcanw]

I had Default-812h@3x_iphone.png rather than Default-812h@3x~iphone.png.

Is it possible it changes the result? (I don't have an iPhone X besides me)

Also I have - rather than ~ as separator in others splashs.

[dews]

Yes, the filename is important.

@heshiwo - try the following:

stage.scaleMode = StageScaleMode.NO_SCALE;

stage.align  = StageAlign.TOP_LEFT;

[heshiwo]

dews  撰写

Yes, the filename is important.

@heshiwo - try the following:

stage.scaleMode = StageScaleMode.NO_SCALE;

stage.align  = StageAlign.TOP_LEFT;

The content is still not in the safe area. I think Adobe doesn't have safe area in the SDK.

[dews]

Are you following best practices for screen setup?

Starling-Framework/ScreenSetup.as at master · Gamua/Starling-Framework · GitHub

I can confirm that my app uses the entire screen on iPhone X - there is no missing area or safe area that I am not able to use.

[heshiwo]

I think you misunderstood what I said, the safe area of iPhone X is a new feature in iOS 11, the content of apps must be shown in the safe area, you can see the screenshot attached.

[dews]

I see... so you are filling the entire screen.  Then yes, you have access to the entire screen, so you need to place your assets to stay within this area..

This describes the naming convention for launch images:

Launch Images on iOS with Adobe AIR