LauncheImage for iPhone X

Question

User111568 posted

How can I prepare my app for iPhone X?

In xCode there is option to add iPhone X launch Images, but in Xamarin nothing similar.

I even copied assets content.json to my xamarin project, but iPhone X launching image placeholder did not appear.

Answer 1

User82242 posted

no gui to do this: add to content.json: { "extent": "full-screen", "idiom": "iphone", "subtype": "2436h", "filename": "[e-mail]", "minimum-system-version": "11.0", "orientation": "portrait", "scale": "3x" }, { "orientation": "landscape", "idiom": "iphone", "extent": "full-screen", "minimum-system-version": "11.0", "subtype": "2436h", "scale": "3x" } next copy "[e-mail]" to LaunchImage.launchimage edit your .csproj and add: then done!

Answer 2

User307736 posted

    <ImageAsset Include="Resources\Media.xcassets\LaunchImages.launchimage\[e-mail]">
      <InProject>false</InProject>
    </ImageAsset>

Unfortunately dunno why Xsimulator just shows me a blue screen while loading..

Answer 3

User237535 posted

@hegelsu said: no gui to do this: add to content.json: { "extent": "full-screen", "idiom": "iphone", "subtype": "2436h", "filename": "[e-mail]", "minimum-system-version": "11.0", "orientation": "portrait", "scale": "3x" }, { "orientation": "landscape", "idiom": "iphone", "extent": "full-screen", "minimum-system-version": "11.0", "subtype": "2436h", "scale": "3x" } next copy "[e-mail]" to LaunchImage.launchimage edit your .csproj and add: then done!

Definitely worked for me. I struggled getting this right for about 4 hours - Stupid iPhoneX

Answer 4

User336533 posted

Hi @hegelsu ,

I have made changes as mentioned and checked with iPhone X simulator, works fine. But application not launched in any other device with iOS 11 version ( iPhone simulator only). Also tried with iPad -iOS 9.3, application splash screen doesn't shown in it and seems black screen then opened home page of application.

Please help me on this to resolve it.

Regards, Cheran

Answer 5

User82242 posted

see this example. @cherant

Answer 6

User336533 posted

Hi @hegelsu ,

I have added launch image information in Contents.json file and put properly in csproject. Placed mentioned image in particular folder and now also same issue exist which is mentioned in previous comment. I have attached my Contents.json and image asset which is placed in csproj.

Please help me resolve it.

Regards, Cheran

Answer 7

User82242 posted

@cherant try rename all png name endwith @2x and not include blank

Answer 8

User336533 posted

Hi @hegelsu ,

Thanks for your update. Set launch image for iPhone X in Visual Studio assets.xcassets. I didn't see iPhone X option to set image then updated Visual Studio for Mac (7.4) and now set iPhone X launch image. My issue resolved now.

Regards, Cheran

Answer 9

User365605 posted

Hi @hegelsu.

Currently, I'm not using a storyboard for the launch screen.

I added the appropriate data you suggested to content.json. After that my app runs on iPhoneX using the whole screen (extending to the top and bottom). However, the launch image itself does not appear at startup (only a blank white screen).

If I remove the added data from content.json, the app does not use the whole screen on iPhoneX but, on the other hand, shows a launch image (I guess the one specified for iPhone 6/7/8).

Any idea what can be the problem here?
Do I have to use a storyboard for iPhoneX to show a launch screen?

Answer 10

User365605 posted

Anyway, I ended up using a launch storyboard.