The Cordova docs, regarding the use of icons and splash screens for Android, states that they should be placed in www/res/icons and www/res/screens directories respectively.. But afterwards, in the same page, it says;
you'll need to copy the png files from
platforms/android/www/res/screen/android to
platforms/android/res/drawable/*
So; if the icons and splash screens should be copied to to the drawable folder, what is the use of having them on www/res/icons* and www/res/screens
This is confusing (#_#) Especially when the docs add more ambiguity;
..When working in the CLI...
After some researches and trial/error I got it fixed and wrote a tutorial about my process;
Cordova Icons and Splash Screens
Hope it helps somebody else :)
When working in the CLI means if you are building with the Command-Line Interface of Cordova/PhoneGap and does not apply if you say are using PhoneGap Build (http://build.phonegap.com) to build for you. Which version are you working on?
Related
In my app I've changed all the image in the generated folder android\app\src\main\res\mipmap[...] with my app icon, but still I get the default image.
How is this possible?
The default image is not present anywhere....
Someone could give me some help?
thanks
Since you haven't mentioned how you change the icon in android, I can only suggest you try what I tried successful way.
Using the cordova-res plugin to generate the plugin, and using scripts below to copy them into IOS or Android folders.
https://capacitorjs.com/docs/guides/splash-screens-and-icons
Detail steps:
https://gist.github.com/dalezak/a6b1de39091f4ace220695d72717ac71
I am using Alloy framework. I want to know:
How can I change the splash screen and app icon image?
I tried to change the appicon.png and default.png in app>assets>android folder but it didn't work and new ERROR appeared Package build failed.
As suggested you should check the documentation. It actually describes everything involved pretty well.
Then I suggest that you use TiCons by Fokke Zandbergen to generate the splash screens. It's a very handy service :-)
/John
I have made an Android application. It was done by Phonegap Build. Now I want to share it.
But whenever I go to Phonegap Build's page of my app (https://build.phonegap.com/apps/1539142) it doesn't show my app's icon. Rather it shows the phonegap's icon. Now it is not possible to share an app in this way. Image attached for showing.
I am talking about the icon just beside the name of app. What is the problem and a solution?
It should be enough to add this line to your config.xml:
<icon src="AppResources/icons/icon.png"/>
And make sure that the Icon file is in the same Directory.
#Abeer, You need to add all the icons sizes. I know that because I did it before with Android. When I added iOS, I marked the size of each icon on the icon. That way I could tell the size of the icon displayed. So when I added iOS to my Splash Screen Demo, Phonegap build used the 180x180 icon for iOS instead of the Android. In your case, I think you just have to make sure you add all the icons sizes. This is the reference I used.
Adendum - July 15, 2015
#Abeer,
Source:
https://github.com/jessemonroy650/Phonegap-Splashscreen-Test
All examples:
http://codesnippets.altervista.org/examples/phonegap/demos/PUBLIC.Apps.html
I did not use Eclipse or Android Studio either. I upload www. I use github.com, is same as www folder
I'm trying to remove the white flicker from PhoneGap 2.9.0.
First of all can somebody clarify me a few things?
For PhoneGap 2.9.0, if I use local build (Eclipse) is the config.xml used or is it just for PhoneGap build? If so, how can I use instructions that were written in config.xml if it is not used.
Is AndroidManifest.xml actually the config.xml file (for local build)?
I managed to create a Splash screen and I put it in drawable folders, but the problem is that each time after the Splashscreen a white flicker is displayed.
How can I remove this white flicker?
I saw many workarounds, but they didn't worked. Actually I did't understand much of them because some were in local build some in PhoneGap build.
I've been working on a Phonegap project (Android and iOS) for 2 months now. Everything works fine and is surprisingly fast once you play around for a while.
Except one thing. I fail to understand how Phonegap handles icons. After a while I have noticed that the "res" folder for my iOS project wasn't being used, instead it was using icons in "platform/ios/projectName/Resource/icons". I've moved all my icons/splash screen in there, linked all of it in my xcode project and everything work fine.
Now I'm struggling with Android, hacking my way in that "drawable" folder of the Android platform folder, failing to understand the role of the config.xml in all of this.
Anyway here are my questions:
What is the purpose of the icon references in "www/config.xml" if when it comes to building for a platform, it ignores those paths and actually looks for icon/splash screen elsewhere?
What is the purpose of the res folder/subfolder naming, if the build function just blindly copies everything in each platform folder (having blackberry references/png in iOS config/folders).
Where should I put the android splash screen image and what's the correct naming? (when i copy the one from "www/res/screen/android" into the "drawable" folder, the build fails for incorrect naming).
Basically, what's the Phonegap expected workflow for icons & splashscreens?
The references listed in config.xml are for Phonegap Build. This link might help:
http://devgirl.org/2013/09/12/phonegap-icons-and-splash-screens-help/