5 Replies Latest reply on Nov 6, 2013 11:03 AM by sinious

    Larger app icons

    mari8899 Level 1

      I have Flash CC and CS6, and AIR 3.9, how to use larger icons beyond 72x72 ?

      I prefer using CS6 because of the bone tools, thanks.

        • 1. Re: Larger app icons
          sinious Most Valuable Participant

          Larger app icons on what kind of 'app'? AIR for mobile or desktop? Which OS (Android / iOS)? What target device (phone, tablet, universal)?

           

          Your apps auto-generated XML for AIR 3.9 should come with an XML file with all the valid sizes for your particular target. You need to look in the developer section of that target to see which sizes you need to include. Then simply add the icons of appropriate size in the AppIconsForPublish folder and make sure you refer to them in XML. Here's a default AIR 3.9 icon list:

           

          <icon>

                    <image16x16></image16x16>

                    <image29x29></image29x29>

                    <image32x32></image32x32>

                    <image36x36></image36x36>

                    <image40x40></image40x40>

                    <image48x48></image48x48>

                    <image50x50></image50x50>

                    <image57x57></image57x57>

                    <image58x58></image58x58>

                    <image72x72></image72x72>

                    <image76x76></image76x76>

                    <image80x80></image80x80>

                    <image96x96></image96x96>

                    <image100x100></image100x100>

                    <image114x114></image114x114>

                    <image120x120></image120x120>

                    <image128x128></image128x128>

                    <image144x144></image144x144>

                    <image152x152></image152x152>

                    <image512x512></image512x512>

                    <image732x412></image732x412>

                    <image1024x1024></image1024x1024>

          </icon>

           

          Sometimes an OS will desire a certain naming convention. For example, I use this for Apple iPad:

           

          <icon>

                    <image16x16>AppIconsForPublish/16.png</image16x16>

                    <image29x29>Icon-Small.png</image29x29>

                    <image32x32>AppIconsForPublish/32.png</image32x32>

                    <image36x36>AppIconsForPublish/36.png</image36x36>

                    <image48x48>AppIconsForPublish/48.png</image48x48>

                    <image50x50>Icon-Small-50.png</image50x50>

                    <image57x57>AppIconsForPublish/57.png</image57x57>

                    <image58x58>Icon-Small@2x.png</image58x58>

                    <image72x72>Icon-72.png</image72x72>

                    <image100x100>Icon-Small-50@2x.png</image100x100>

                    <image114x114>AppIconsForPublish/114.png</image114x114>

                    <image128x128>AppIconsForPublish/128.png</image128x128>

                    <image144x144>Icon-72@2x.png</image144x144>

                    <image512x512>iTunesArtwork</image512x512>

                    <image1024x1024>iTunesArtwork@2x</image1024x1024>

          </icon>

          It doesn't absolutely require all of those but I include them at a small cost 'just in case'. Notice the file name conventions Apple likes. Check your documentation for your needs.

          1 person found this helpful
          • 2. Re: Larger app icons
            mari8899 Level 1

            Need it for Android phone&tablet, thanks.

            • 3. Re: Larger app icons
              sinious Most Valuable Participant

              Everything you want to know about icons (of all types):

              http://developer.android.com/design/style/iconography.html

              • 4. Re: Larger app icons
                mari8899 Level 1

                Ok thanks, I just thought I could choose larger icons from Flash, you know complete solution at one place

                • 5. Re: Larger app icons
                  sinious Most Valuable Participant

                  Android runs on densities so you should at least have:

                   

                  • ldpi 36x36
                  • mdpi 48x48
                  • hdpi 72x72
                  • xhdpi 96x96
                  • xxhdpi 144x144
                  • xxxhdpi 192x192

                   

                  You should get used to putting them in the expected folder structure. At the bottom of the page it shows you where it expects to find them:

                   

                  res/...
                      drawable
                  -ldpi/...
                         
                  finished_asset.png
                      drawable
                  -mdpi/...
                         
                  finished_asset.png
                      drawable
                  -hdpi/...
                         
                  finished_asset.png
                      drawable
                  -xhdpi/...
                         
                  finished_asset.png


                  etc

                  Knowing that you can line up  your icons for the densities. In CS6 or Flash Builder you should be able to point to these different icon sizes required for the devices you support.

                  1 person found this helpful