1. #1
    Sencha User
    Join Date
    Sep 2010
    Posts
    28
    Answers
    1
    Vote Rating
    0
    ultraman69 is on a distinguished road

      0  

    Default Answered: Ext.application startupImage

    Answered: Ext.application startupImage


    Hi !

    I started from the Carousel example in Sencha Touch 2.1. In the app.js file, I see the "startupImage" property that defines the different sizes of the images we want to use. Yet, I can't seem to find any documentation about this property. In the docs, they talk about "" and "" which are specific to the Apple iOS world. But if we use Sencha Touch, it's because we dont wanna be tied to a specific company (it seems obvious).

    What I want to know is, how does it works. There is 2 parameters, one is a resoluton and the second is the path to the png file. Can we modify the first parameter or do we have to make png files that fit those numbers ?

    Code:
    Ext.application({    
    
        name: 'TestSencha',
    
        requires: [
            'Ext.MessageBox'
        ],
    
        views: ['Main', 'PicViewer', 'Extras'],
    
        icon: {
            '57': 'resources/icons/Icon.png',
            '72': 'resources/icons/Icon~ipad.png',
            '114': 'resources/icons/Icon@2x.png',
            '144': 'resources/icons/Icon~ipad@2x.png'
        },
    
        isIconPrecomposed: true,
    
       startupImage: {
           '320x460': 'resources/startup/320x460.jpg',
           '640x920': 'resources/startup/640x920.png',
           '768x1004': 'resources/startup/768x1004.png',
           '748x1024': 'resources/startup/748x1024.png',
           '1536x2008': 'resources/startup/1536x2008.png',
           '1496x2048': 'resources/startup/1496x2048.png'
        },
    
    // rest of code goes here....

  2. Hi,
    If you want a startup "image" for none iOS devices the best way is to add some simple dynamic html in your index.html. Maybe with a company logo or something. When ST2 is loaded or what you decide hide/remove this html. By doing this you can support all resolutions (there are many for etc. Android).

  3. #2
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Answers
    41
    Vote Rating
    42
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      1  

    Default


    As far as I know these configs are mainly for iOS. This means that you will have to respect the indicated resolutions / image sizes. Speaking about Android the situation is not very clear. I have been told by the support to use the same icons sizes as for iOS. I found out that when I run an app on my Galaxy Nexus then it will use the Icon@2x.png. They may use other icons for other screen resolutions - I don't know... As for the startup images the situation is even worse. The only thing I know is that the images defined here won't work. You have to either use a background image in your index.html file or use PhoneGap to package your app... Not good

  4. #3
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    603
    Answers
    8
    Vote Rating
    14
    hotdp will become famous soon enough

      0  

    Default


    Hi,
    If you want a startup "image" for none iOS devices the best way is to add some simple dynamic html in your index.html. Maybe with a company logo or something. When ST2 is loaded or what you decide hide/remove this html. By doing this you can support all resolutions (there are many for etc. Android).

  5. #4
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Answers
    41
    Vote Rating
    42
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      0  

    Default


    Quote Originally Posted by hotdp View Post
    ... for none iOS devices the best way is to add some simple dynamic html in your index.html.
    I have to admit that I'm not a HTML pro (yet). But what exactly do you mean by 'some simple dynamic html'...?

  6. #5
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    603
    Answers
    8
    Vote Rating
    14
    hotdp will become famous soon enough

      0  

    Default


    This is taken from Sencha Build, might give you the idea:
    Code:
    <!DOCTYPE HTML><html manifest="" lang="en-US">
    <head>
        <meta charset="UTF-8">
        <title>st2</title>
        <style type="text/css">
             /**
             * Example of an initial loading indicator.
             * It is recommended to keep this as minimal as possible to provide instant feedback
             * while other resources are still being loaded for the first time
             */
            html, body {
                height: 100%;
                background-color: #1985D0
            }
    
    
            #appLoadingIndicator {
                position: absolute;
                top: 50%;
                margin-top: -15px;
                text-align: center;
                width: 100%;
                height: 30px;
                -webkit-animation-name: appLoadingIndicator;
                -webkit-animation-duration: 0.5s;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-direction: linear;
            }
    
    
            #appLoadingIndicator > * {
                background-color: #FFFFFF;
                display: inline-block;
                height: 30px;
                -webkit-border-radius: 15px;
                margin: 0 5px;
                width: 30px;
                opacity: 0.8;
            }
    
    
            @-webkit-keyframes appLoadingIndicator{
                0% {
                    opacity: 0.8
                }
                50% {
                    opacity: 0
                }
                100% {
                    opacity: 0.8
                }
            }
        </style></script>
    </head>
    <body>
        <div id="appLoadingIndicator">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </body>
    </html>

  7. #6
    Sencha User
    Join Date
    Sep 2010
    Posts
    28
    Answers
    1
    Vote Rating
    0
    ultraman69 is on a distinguished road

      0  

    Default


    But still, why is there no documentation whatsoever about this property ? I have no clue about it. The values for iPhones are not good btw.

  8. #7
    Sencha User
    Join Date
    Mar 2007
    Posts
    411
    Answers
    5
    Vote Rating
    17
    jweber will become famous soon enough

      0  

    Default


    It's not documented in ST 2.0, but it is in the 2.1 beta (you'll have to download it to view the docs). It only applies to iPhones because the "launch image" feature is only part of iOS, not Android.

  9. #8
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    603
    Answers
    8
    Vote Rating
    14
    hotdp will become famous soon enough

      0  

    Default


    Quote Originally Posted by jweber View Post
    It only applies to iPhones because the "launch image" feature is only part of iOS, not Android.
    It also works for iPad.
    Here is a direct link to the latest docs (for RC1)
    http://dev.sencha.com/deploy/sencha-...g-startupImage

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi