App auto scaling on iPhone 6 and 6+ screens?

  • 10
  • Question
  • Updated 4 years ago
  • Answered
Any clues on how to stop the app auto scaling on iPhone 6 and 6+ screens?
Photo of Adam Johnson

Adam Johnson

  • 15 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 10
Photo of Adam Johnson

Adam Johnson

  • 15 Posts
  • 0 Reply Likes
Thank you Ryan, but it's not working for me. Can anyone else confirm?

I'm using 3.6.3. I just added the new splash images the same way as I previously would but no luck. I tried changing the path to be the same as your example and also changed the file names.
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
Can you please send your App ID to build at phonegap.com?
Photo of Adam Johnson

Adam Johnson

  • 15 Posts
  • 0 Reply Likes
Sent!
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
Hrm ok looking into it again.
Photo of vespino

vespino

  • 132 Posts
  • 3 Reply Likes
Don't forget support for the 180px icon. Looking forward to it working!
Photo of vespino

vespino

  • 132 Posts
  • 3 Reply Likes
While you're at it, why not add support for xxxhdpi for Android? QHD screens are the next new thing with Nexus 6, Samsung Note 4, LG G3, and what not to come!

Or is this already supported?
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Hmm... This sucks. Why don't we do this right? I'm not sure anybody *really* cares that their splash screen uses every pixel possible. What would be much more useful and flexible for future phones and all the various device sizes is this: Why not have a bit of javascript that inspects the device width and somehow also gets a hold of the physical pixels and physical width, and then allows your app to scale properly? PhoneGap could do that with its native connection to the phone/tablet, I believe. Most of us are using frameworks such as JQuery Mobile or something similar that will be responsive and just take up more screen real estate if it is made available to us in the webView. The issue is just making sure that the rendered information density is what we want it to be. So if that could be dynamically determined by PhoneGap, that would be great. I used the javascript provided on another thread here and achieved this same thing, but I had to provide the divisor for iPhone 6 and iPhone 6 Plus. If that could be determined by PhoneGap then we would have a very nice forward compatible solution that does not require a hundred splash screen images of all sizes. Thoughts?
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Oh yes, and if this is done properly by PhoneGap itself, then the inappBrowser will also play well and we will get more than 320 pixels wide there as well.
Photo of vespino

vespino

  • 132 Posts
  • 3 Reply Likes
Most splashscreens consist of an image on top of a background (white or a color) so if the splashscreen could be replaced with a function that handles the two arguments, maybe a vector image, that would be a great new feature.

I guess this could be done easy right now by skipping the splashscreen and displaying the first page as splashscreen on which javascript is available and these options can be used, but why not immediately in the splashscreen, that would be nice!
Photo of Adam Johnson

Adam Johnson

  • 15 Posts
  • 0 Reply Likes
Thank you Ryan
Photo of vespino

vespino

  • 132 Posts
  • 3 Reply Likes
Default-667h.png
Default-736h.png
Default-Landscape-736h.png

Are added to the IPA file now, but are not the images I provided, but seem to be just transparent PNG files, only Photoshop can't open them. Also I did not implement "Default-Landscape-736h.png" since I'm targeting portrait only.

Also 180px icon is missing, but I'm not sure you have implemented this. My App ID is 27076. On the other hand this icon (180px) does appear in the APK file.
Photo of Alan Neveu

Alan Neveu, Champion

  • 213 Posts
  • 11 Reply Likes
Okay, this thread is a train wreck now.

Ryan, can you please do something awesome and completely over the top? That would be to make a blog post somewhere when this becomes available and is working great, and then post back to this thread and give everyone the URL.

Can you or someone at Adobe do that?

Thanks a bunch!
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
Okay, this thread is a train wreck now.
It started so nicely....snif.
Photo of vespino

vespino

  • 132 Posts
  • 3 Reply Likes
Sorry, hope my input helps solve the issue though. Goodluck to Ryan and the team! Hope to hear from you soon.
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
Rushed an incomplete fix, re-fixing now. Don't think it will be out today. Will update early next week.
Photo of Adam Johnson

Adam Johnson

  • 15 Posts
  • 0 Reply Likes
Thanks Ryan!
Photo of Clemens Lermen

Clemens Lermen

  • 17 Posts
  • 1 Reply Like
Thanks Ryan! No need for rushing! Better do a proper fix and we'll all be happy. Have a nice week end.
Photo of vespino

vespino

  • 132 Posts
  • 3 Reply Likes
You the man Ryan! Have a nice weekend and a nice Halloween everybody!
Photo of Prior Walter

Prior Walter

  • 1 Post
  • 0 Reply Likes
Any update, ryan?
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
Doing some testing now, stay tuned.
Photo of vespino

vespino

  • 132 Posts
  • 3 Reply Likes
Just noticed the Default-667h.png is now handled correctly. The rest of the changes cause my apps show NOT to scale anymore. Great job so far Ryan!

Will the 736 image (iPhone 6 Plus) and 180 icon also be added?

[edit]736 is implemented as of now and working.[/edit]
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
OK guys this should all be working now, including the 180x180 icon. Try it out.

Here's a demo.
Photo of vespino

vespino

  • 132 Posts
  • 3 Reply Likes
Splash screens are working fine, but I don't see the 180x180 icon in my IPA file. It does show in my APK file though... should it?

[edit]the 180 image doesn't show in the payload/appname.app directory, but does in the payload/appname.app/www directory.[/edit]
Photo of Adam Johnson

Adam Johnson

  • 15 Posts
  • 0 Reply Likes
Thanks Ryan!
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
@vespino can you give me your App ID? send it to build at phonegap.com if you want.

@Adam np!
Photo of Clemens Lermen

Clemens Lermen

  • 17 Posts
  • 1 Reply Like
It's working for me now... Thx Ryan. But now i have the problem, that two Splashscreens are shown on my iPhone6.
First the one with the right size, then some upscaled one.
Do you know what I'm probably doing wrong?

Those are my files for iOS:

<gap:splash src="res/screen/ios/screen-iphone-portrait.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-568h.png" gap:platform="ios" width="640" height="1136" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-750h.png" gap:platform="ios" width="750" height="1334" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-1242h.png" gap:platform="ios" width="1242" height="2208" />
<gap:splash src="res/screen/ios/screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024" />
Photo of pamo

pamo

  • 2 Posts
  • 0 Reply Likes
I have the same issue too.

I think it's the splashscreen plugin. See also:
http://stackoverflow.com/questions/26...

There's a new version available but unfortunately not on build.phonegap

@ryan, can you please update the plugin?
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
Will get this updated after the weekend.
Photo of Anton Suprunov

Anton Suprunov

  • 1 Post
  • 0 Reply Likes
we are having exactly same issue with iPhone 6, example app id: 1124626
any estimate on when it will be fixed?
thanks
Photo of Sean O'Gorman

Sean O'Gorman

  • 33 Posts
  • 0 Reply Likes
Any update on the splash screen issue?
Photo of Clemens Lermen

Clemens Lermen

  • 17 Posts
  • 1 Reply Like
@Ryan: Any good news for us? ;)
Photo of Oleksiy Nesterov

Oleksiy Nesterov

  • 25 Posts
  • 0 Reply Likes
same issue for me
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
Splash screen plugin has been updated, please ensure you are using version 0.3.4. Sorry for the delay.
Photo of Oleksiy Nesterov

Oleksiy Nesterov

  • 25 Posts
  • 0 Reply Likes
thanks
Photo of pamo

pamo

  • 2 Posts
  • 0 Reply Likes
thx! splashscreen's working now.
Photo of Clemens Lermen

Clemens Lermen

  • 17 Posts
  • 1 Reply Like
Yep! Works for me, too! Thank you Ryan
Photo of Jabel Márquez

Jabel Márquez

  • 4 Posts
  • 0 Reply Likes
I can see that some of you have fixed this problem. But something is wrong with me. The splash screens for iPhone6/6+ are not copying to the root of my App. I've seen the app of @AntonSuprunov and inspect the app and see that the splash screens for iPhone6/6+ are copied succesfully.

I'm using 3.6.3, and I already update the splash screen plugin to 0.3.4

My App ID: 1039692

Any idea what I'm doing wrong with my app? Thanks!
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
Your splash screen paths are wrong, you've used src="screen/ios/..." but your splashes are in "splash/ios".
Photo of Jabel Márquez

Jabel Márquez

  • 4 Posts
  • 0 Reply Likes
Pff... Very basic mistake! Sorry! And thanks for the help @ryan !
Photo of Tony O'Hagan

Tony O'Hagan

  • 1 Post
  • 0 Reply Likes
I though that the purpose of the src attribute in was to specify *any* path. Why does it need to started with res/splash rather than res/screen ? I would have though that PGB would just accept whatever path you gave it unless there is some other part of PG that forces this (rather awkward) constraint. Can you point us to the PG source code that uses so I can clarify some more things.
Photo of Petra V.

Petra V., Champion

  • 7794 Posts
  • 1391 Reply Likes
> Why does it need to started with res/splash rather than res/screen ?

It doesn't.
Photo of Oliver Holmberg

Oliver Holmberg

  • 3 Posts
  • 0 Reply Likes
Same problem here... Shows the correct splash, followed by a larger scaled one.
Photo of ryan

ryan, Developer

  • 1538 Posts
  • 132 Reply Likes
@Oliver if you read the comments here you'll see that this issue was fixed by an update to the splash screen plugin:

Splash screen plugin has been updated, please ensure you are using version 0.3.4.
Photo of Oliver Holmberg

Oliver Holmberg

  • 3 Posts
  • 0 Reply Likes
@ryan Thanks, Ryan! Working now. It's a Thanksgiving miracle! (Really, I just overlooked those additional comments.) Cheers.
Photo of Spiro Akl

Spiro Akl

  • 1 Post
  • 0 Reply Likes
Hello,

Any full article explaining how to fix this?
Many answers above which was so confusing.

I really need some help getting my app well scaled for iPhone 6 and 6+.

Thank you
Photo of vespino

vespino

  • 132 Posts
  • 3 Reply Likes
Simply adding the 2 splashscreens (750x1334px and 1242x2208px) will do the trick. Very easy.
Photo of infinitysky

infinitysky

  • 1 Post
  • 0 Reply Likes
If you do not wish to use splash screen, you can config it after build project by phonegap.
Open the xcode project -> select your target -> set your launch screen source to not use. then, set the "launch screen file" via drop down list to "MainViewController"
Photo of JesseMonroy650 (Volunteer)

JesseMonroy650 (Volunteer), Champion

  • 3325 Posts
  • 122 Reply Likes
@infinitysky,
you are a bit lost. This forum is for Phonegap Build, a cloud-base build service by Adobe/Phonegap.

This FAQ should help. Read the bold sentences first.
Top Mistakes by Developers new to Cordova/Phonegap

Best of Luck
Jesse