LC 9.6.0 RC1 Splash/Launch Images

Fri May 22 08:23:59 EDT 2020

I did that, so fine, but noticed two issues: when making the standalone LC 9.6.0 rc1 reported that I hadn’t provided a portrait splash screen for iPad, when in fact there is no way of doing so since the storyboard change; and the Simulator showed the splash screen too large for the screen of the device (an iPhone XS). (Not sure if the real app does that as I’m having trouble uploading - that’s a different conversation.)

Graham

> On 22 May 2020, at 13:51, panagiotis merakos via use-livecode <use-livecode at lists.runrev.com> wrote:
> 
> Just realised that the image sizes I suggested are for landscape, so if
> your app uses portrait, just swap the width with the height.
> 
> 
> 
> On Sun, 17 May 2020 at 21:35, Colin Holgate via use-livecode <
> use-livecode at lists.runrev.com> wrote:
> 
>> What I’ve done for a while is to use a flat color that is the average of
>> the colors in the actual title screen. The splash screen is not around for
>> very long, and with there being lots of different sizes required, a
>> detailed splash screen could possibly take up 50 MB of app side, for the
>> sake of a fraction of a second.
>> 
>> In the best case it feels like the title screen faded into view. In fact,
>> you could do that, quickly fade in from a matching flat background color.
>> 
>> 
>>> On May 17, 2020, at 10:58 AM, panagiotis merakos via use-livecode <
>> use-livecode at lists.runrev.com> wrote:
>>> 
>>> Hello Graham,
>>> 
>>> The new storyboard mechanism has some restrictions as it is (we might
>>> enhance it in the future)
>>> 
>>> For example it is no longer possible to have an exact (pixel) matching of
>>> the splash screen and the first card of the stack as it appears on the
>>> device
>>> 
>>> So the best suggestion now is to use a splash image that has just a logo
>> at
>>> the center and it is transparent, and also to set the background of the
>>> splash in the standalone settings.
>>> 
>>> In that way, in all devices (ipads/iphones) you will get a centered logo
>>> with the background you set in the standalone settings (or you can choose
>>> to not set the background - in this case the default background color
>> will
>>> be used depending on the device appearance: white if the device is on
>> light
>>> mode and black if the device is on dark mode)
>>> 
>>> Of course, if you do not wish to have a splash that shows just a logo,
>> you
>>> can choose a regular image (or 3 regular images, one for each 1x,2x,3x
>>> slots) and also set the background color to match the image background
>>> color. In this case, depending of the device, the app will use the one of
>>> the three images that is closer to the device screen size, and will
>> center
>>> this image to the screen.
>>> 
>>> This means that the image in some devices will either match exactly, or
>> it
>>> will be larger (in this case it will be cropped and the edges will not
>>> show), or it will be smaller (in this case it will be centered at the
>>> device screen, and the left/top/right/bottom areas will show the
>> background
>>> color that was set in the standalone settings.
>>> 
>>> One might ask, what size should the images be then? Well, it depends on
>> the
>>> images (i.e. how much content they have at the center, and if you are OK
>> if
>>> some of the content at the edges is cropped etc). A rule of thumb - as I
>>> understand it - is the following:
>>> 
>>> -use a "small", a "medium" and a "large" image for each of the 1x, 2x and
>>> 3x slots, where "small" is the smallest image you used before the
>>> storyboard, "large" is the largest you used before, and "medium" is
>>> something in-between.
>>> 
>>> For example, you could try images with these dimensions:
>>> 
>>> - 1334x750
>>> - 2208x1242 (x2)
>>> - 2732x2048 (x3)
>>> 
>>> Hope this helps.
>>> 
>>> We will write a lesson for this topic soon.
>>> 
>>> Kind regards,
>>> Panos
>>> --
>>> 
>>> On Sat, 16 May 2020 at 17:49, Graham Samuel via use-livecode <
>>> use-livecode at lists.runrev.com> wrote:
>>> 
>>>> This is not to answer my own question, but to emphasise the apparent
>>>> difficulty of getting this aspect of creating an iOS app right just by
>>>> using just LC and a reasonable graphics editor on a Mac. It means to me
>>>> that a lot of careful instructions need to be provided by somebody in
>> the
>>>> LC universe, since the policy (I sincerely hope!) is to get LC
>> developers
>>>> to avoid getting deep into XCode. I found this, which frankly scares me.
>>>> 
>>>> https://wiki.starling-framework.org/manual/ios_launch_images
>>>> 
>>>> Can anyone help me to a less nerdy way of getting this right? I don’t
>>>> even know what a storyboard is!
>>>> 
>>>> Graham
>>>> 
>>>>> On 16 May 2020, at 00:40, Graham Samuel via use-livecode <
>>>> use-livecode at lists.runrev.com> wrote:
>>>>> 
>>>>> I see that the iOS Standalone Settings have changed in this version, no
>>>> doubt to accommodate Apple’s new rules. One is required to provide six
>>>> images as “Launch Images” under the “Splash” tab. It seems that there’s
>> an
>>>> image, a 2x image and a 3x image, and then another three for dark mode.
>>>>> 
>>>>> There is no tooltip to suggest how large these images should be - in
>>>> previous versions they had to be tailored to different device screen
>> sizes.
>>>> Now it seems anything goes, or does it?
>>>>> 
>>>>> Can anyone explain what the dimensions of these images are supposed to
>>>> be? Does “2x” just mean twice the original size in each direction or
>> what?
>>>> Can’t see anything in the release notes, but maybe I wasn’t paying
>>>> attention.
>>>>> 
>>>>> Graham
>>>>> _______________________________________________
>>>>> use-livecode mailing list
>>>>> use-livecode at lists.runrev.com
>>>>> Please visit this url to subscribe, unsubscribe and manage your
>>>> subscription preferences:
>>>>> http://lists.runrev.com/mailman/listinfo/use-livecode
>>>> 
>>>> 
>>>> _______________________________________________
>>>> use-livecode mailing list
>>>> use-livecode at lists.runrev.com
>>>> Please visit this url to subscribe, unsubscribe and manage your
>>>> subscription preferences:
>>>> http://lists.runrev.com/mailman/listinfo/use-livecode
>>>> 
>>> _______________________________________________
>>> use-livecode mailing list
>>> use-livecode at lists.runrev.com
>>> Please visit this url to subscribe, unsubscribe and manage your
>> subscription preferences:
>>> http://lists.runrev.com/mailman/listinfo/use-livecode
>> 
>> 
>> _______________________________________________
>> use-livecode mailing list
>> use-livecode at lists.runrev.com
>> Please visit this url to subscribe, unsubscribe and manage your
>> subscription preferences:
>> http://lists.runrev.com/mailman/listinfo/use-livecode
>> 
> _______________________________________________
> use-livecode mailing list
> use-livecode at lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode