3 Replies Latest reply on Mar 22, 2017 10:55 AM by mikemhz

    Icons and Splash

    mikemhz

      Hi, I can't get icons and splash to work.

       

      My directory structure is like so

      /

      index.html

      script.js

      style.css

      config.xml

      icon.png

      splash.png

       

      /art/

      ldpi.png

      mdpi.png

      hdpi.png

      xhdpi.pg

      xxhdpi.png

      xxxhdpi.png

       

      /scripts/

      ...other scripts

       

      /styles/

      ...other styles

       

      and my config xml is like so

       

      <?xml version="1.0" encoding="UTF-8" ?>
        <widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.mikes-company.mikes-app" versionCode="10" version="1.0.0">
      
        <name>Mikes App</name>
      
        <description>
        An app by Mike.
        </description>
      
      
        <author href="https://github.com/MikesApps" email="mike@gmail.com">
        Mike
        </author>
      
        <icon src="icon.png" />
        <splash src="splash.png" />
      
      
        <platform name="android">
        <icon src="icon.png" qualifier="nodpi" />
        <icon src="art/ldpi.png" qualifier="ldpi" />
        <icon src="art/mdpi.png" qualifier="mdpi" />
        <icon src="art/hdpi.png" qualifier="hdpi" />
        <icon src="art/xhdpi.png" qualifier="xhdpi" />
        <icon src="art/xxhdpi.png" qualifier="xxhdpi" />
        <icon src="art/xxxhdpi.png" qualifier="xxxhdpi" />
      
        <splash src="splash.png" qualifier="ldpi" />
        <splash src="splash.png" qualifier="mdpi" />
        <splash src="splash.png" qualifier="hdpi" />
        <splash src="splash.png" qualifier="xhdpi" />
        <splash src="splash.png" qualifier="fr-xhdpi" />
        <splash src="splash.png" qualifier="port-xxhdpi" />
        <splash src="splash.png" qualifier="land-xxhdpi" />
        </platform>
      
        </widget>
      

       

      What's happening?
      I don't see the icon in the PhoneGap Build interface on my phone or tablet.

        • 1. Re: Icons and Splash
          mikemhz Level 1

          I'm trying to use cordova directly.

           

          They say:

           

          The following configuration can be used to define a single default icon which will be used for all platforms.

              <icon src="res/icon.png" />

          But I've tried this and failed already.

          • 2. Re: Icons and Splash
            kerrishotts Adobe Community Professional

            Generate appropriately sized icons as necessary for the platforms you support. I advise against using a single tag to define all your icons and splashes.

             

            You mention PhoneGap Build in your OP, but Cordova in your second. Are you using the CLI or PGB?

            • 3. Re: Icons and Splash
              mikemhz Level 1

              I generated the correctly sized icons.

               

              I want to use the default one-size-fits-all icon for testing. I've been told that should work, unless there's a specific reason it shouldn't?

               

              I'm using PhoneGap Build, but because the icon issue isn't clear, I'm trying Cordova and using it for reference - especially as PhoneGap Build references Cordova and generates the Cordova icon during the build.

               

              As regards the splash screen, my reading brought me here: Splashscreen - Apache Cordova