I am using Worklight Consumer Edition 5.0.6.1 with latest interim fix and have the following questions regarding splash screen:
(1) When my app is running on iPad simulator (iOS 7), there is a black space at the top of the splash screen. Please see the screenshot below.
[There is no such problem when running on iPhone (iOS 7)]
(2) I have turned on "AutoHideSplashScreen" as "true" in config.xml for iOS. And there is logic inside my js to hide the splash screen. However, I discover that before the logic inside my js is executed, the splash screen was hidden already.
[There is no such problem for Android]
Do you have any idea? Thanks.
===========================================================================
EDIT: For the iPad splash screen problem, I have done the following tests in iOS Simulator (iOS 7.0.3). Please note that you need to manually delete the app after a trial, clean the project and build again or otherwise the change sometimes will not be effective.
Trial 1: Specify launch image for 768 x 1004 (iOS 6.1 and Prior) and 768 x 1024 (iOS 7):
Result: At the beginning, it takes the image for iOS7 (no black space at the top). After 1 second, it takes the image for iOS 6.1 and Prior (there is a black space at the top). So, the splash screen was "flashed" and the black space suddenly appear for this transition.
Trial 2: Specify launch image for 768 x 1004 (iOS 6.1 and Prior) and does not specify 768 x 1024 (iOS 7):
Result: There is black space at the top always in launch screen.
Trial 3: Does not specify launch image for 768 x 1004 (iOS 6.1 and Prior) and specify 768 x 1024 (iOS 7):
Result: There is whole black screen for around 1 second. And afterwards, the launch screen shows normally without black space at the top.
So, it seems that the launch screen always loads in the following sequence:
iOS 7 --> iOS 6.1 and Prior --> Start the app
Try to put your own Splash Screen image, with the correct sizes recommended by Apple: https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/LaunchImages.html
It seems the default Worklight splash screen does not have a matching size.
In XCode, in the General settings for your project, scroll until you see the list of Launch Images. You should see in the right column some images with the words "No image selected". Make sure there is a match for each for those images.
Re 2:
There is no point in comparing to Android...
Worklight utilizes its own splash image mechanism, so the AutoHideSplashScreen flag is of no use; you cannot control when to hide the splash image, at this time.
Re 1:
Will be investigated.
Related
I have an app I am updating because of the Launch Screen requirement instead of launch images.
In so doing I came up with many many warnings that "views without any layout constrainsts may clip their content or overlap other views". When I went in and tried to address the problem no matter what I did the warnings multiplied. So I am attempting to rewrite my code to get the screen size and place and size my objects for each phone. The problem is that Xcode apparently does not recognize iPhone 6 screen size on the actual device. In the simulator iPhone 8 is recognized but I don't have an actual iPhone 8 to try out. I would assume it is the same size as the iPhone 6. I have looked on line and I saw this was a problem and possible fixes were to "make sure iPhone 6 launch images were available", but since launch images are no longer that isn't a solution. I also tried
if([UIScreen mainScreen].fixedCoordinateSpace.bounds.size.height == 667.0){
also but that didn't help either.
I can't believe Apple doesn't want to have developers not get the screen size for iPhone 6.
Is there a work around or new way to get screen size for iPhone 6?
Does this problem happen on iPhone 7 and 8 and iPhone 6,7,8 +?
I just saw that I have to include specific sized launch images with my launch screen with specific names. Is this true? How do I do this? Is there a GOOD tutorial?
I am at my wits end and need a solution.
I found a place where I created and installed images for all iphone and ipad portrait sizes and put them in Launchimage in my image asset folder. my app only runs in portrait so I didn't think I needed to make landscape images. Anyway, even with all the correct size images, iphone 6 4.7" and 5.5" it still launches seeing the iphone 6 as a 5. In fact now it launches with a blank screen no launch images showing up at all.
So I added the landscape views and had forgotten an iphone portrait view. Now in the simulator iphone 8 and 8+ are recognized as the correct device by height but the launch image still isn't loading for iphone 8 and 8+ as well as ipad 7gen, air3gen, and pro 9.7. Only loads images for iphone11, 11pro, 11promax and ipad pro11 and 12.9.
On the actual iphone 6 the launch images isn't loaded and it still is recognized as an iphone 5. This has to be a Mess up by Apple.
Suggestions?
Thanks
I'm having some problems enabling native resolution on the iPhone 6 on the actual device itself, when I run in the simulator it runs at native 375x667 (verified by both launchscreen and nslog of viewcontroller size.
2015-04-29 13:24:24.220 aqrew_ios[7851:1294675] ViewController:didLayoutSubviews() - Width=375.000000 Height=667.000000
However when I run the same code on an actual iPhone 6 (iOS8.3) its running at scaled iPhone 5 resolution.
2015-04-29 13:17:02.614 aqrew_ios[720:179633] ViewController:didLayoutSubviews() - Width=320.000000 Height=568.000000
I've been through the SO How to enable native resoltuion and have the following in the LaunchImage assets setup and working, app is portrait only, iphone only:
Launchimage screenshot
AppIcons are:
AppIcon screenshots
(I'm not allowed to post images as on this account (work) I dont have 10 rep points!)
However whilst it works perfectly on the iOS simulator its not working on the real device, would appreciate any ideas....
Thanks
If you go into the device settings app, in the 'display & brightness' section there is a setting called 'display zoom' which can be set to standard or zoomed. When zoom is enabled an iPhone 6+ scales up an iPhone 6 sized window, and an iPhone 6 zooms up an iphone 5 sized one.
(This caused me some stressful hours a couple months ago)
I am bulding an iOS8 app and i have noticed that on the iPhone 6 Plus my TabBars and Navigation bars are bigger than the stock Apple apps. I cant seem to find any documentation for this. How do i tell my top and bottom bars to resize for the bigger iPhones?
The screenshot below shows Maps next to my app. (Amended to show clock app instead.) I am pretty sure the clock app uses a TabBar Controller and not a toolbar as suggested below.
Do you have a proper Launch Image for the higher (#3x) resolution for the iPhone 6+? If you don't you're app is going to get scaled, which is probably why it looks bigger. Run your app with the debugger on an iPhone 6 Plus and look at the value of UIScreen.MainScreen.Scale. If it reports back "2.0", then you don't have a proper launch image for your app, the resolution is being scaled. Once you have the proper launch image, UIScreen.MainScreen.Scale should report back as 3.0.
As J2K said to you, your tab and navigation are ok. Apple Maps app uses searchbar at the top and toolbar at the bottom which are smaller. Don't waste time on this, ios will handle the size for this elements for you in all iphone sizes
I created a single view test app and tried running it on my iPhone 5 with iOS 7 installed. It looks like the screen is set to the iPhone 4 size and black bars appear above and below the view controller. I just created the project with Xcode 6 and tried running it without touching any other settings. Has anybody else seen this?
In order to solve this problem you have to create launch-screen images for the devices your app supports.
When starting a new app:
For instance let's say your app supports iPhones > 4s, so iPhone: 4s, 5, 5s, 6 and 6plus.
Make sure to make launch-images which have the following dimensions:
iPhone4s = 640 × 960
iPhone5, 5s = 640 × 1136
iPhone6 = 750 x 1134
iPhone6plus = 1242 x 2208
For more info about iOS screen dimensions, see this helpful chart
Select your project and then the general settings:
Select or make launch screens in the general section when clicked on your project.
And then make sure you add or select an Launch-image asset:
Go to images.xcassets and select LaunchImage at the left, then select the devices your app supports (at the right)
Make sure you put your images on the right spot, you can select the dashed square and see in the attributes inspector (right section on screen) what dimensions your image needs to meet.
Now when simulating your app all black bars have disappeared.
You need to add a Default-568h#2x.png launch image. Here is one that I found by googling (I didn't create it and take no credit for it):
https://jira.appcelerator.org/secure/attachment/31241/Default-568h#2x.png
If you want to create your own image its dimensions have to be 640 × 1136. Since you did no customizing the filename should be "Default-568h#2x.png".
For some reason, the default LaunchScreen.xib that comes with a new project on Xcode 6.1 is 480x480, while the standard .xib file size for auto layout and adaptive layout appears to be 600x600. If you set the LaunchScreen.xib view size to 600x600, it should fix the problem, did for me.
Make sure you add a launch image for your device screen size and that will fix your problem.
I have had the same issue. In my universal app I configured orientation for iPad and iPhone and forgot to set back devices drop down to Universal (on target general settings screen). When I set it back - screen shows as expected.
When I run my app from Xcode 5.0.2 on an iPhone 5 simulator or device, it runs it at the iPhone 4 height although I already specified 4" screen in Storyboard.
Can't attach an image because of lack of reputation, but there is black space on top and bottom of the app while running.
You need to add a correctly sized (1136x640) splash screen image file, named "Default-568h#2x.png".
More info can be found in this related question.
When you build your app, on the top left it should say iPhone Retina (3.5-inch). Change it to iPhone Retina (4-inch)