how-to-setup-icon-for-phonegap-project

How to Setup icon for phonegap project

Want create site? Find Free WordPress Themes and plugins.
how-to-setup-icon-for-phonegap-project

how-to-setup-icon-for-phonegap-project

In Previous tutorial we’ve seen Various icon and splash screen sizes for phonegap applications. In this tutorial we’re going to see, How to Setup Phonegap Icon & Splash Screen for Phonegap Application

How to Setup icon for phonegap project

Screen Shot 2015-10-09 at 2.01.03 pm

Create a new folder called res outside to www directory

Method 1 (Simple & Easy Step)

  1. Create your icon file with size of (500 X 500px)
  2. Create new folder (root directory, not in www) called res for storing your icon file
  3. Add this <icon src="res/icon.png"/> on your config.xml file
  4. Save and compile

Method 2

Android

<platform name="android">
<icon src="res/android/ldpi.png" density="ldpi" />
<icon src="res/android/mdpi.png" density="mdpi" />
<icon src="res/android/hdpi.png" density="hdpi" />
<icon src="res/android/xhdpi.png" density="xhdpi" />
</platform>

ios

<platform name="ios">
 <!-- iOS 8.0+ -->
 <!-- iPhone 6 Plus  -->
 <icon src="res/ios/icon-60@3x.png" width="180" height="180" />
 <!-- iOS 7.0+ -->
 <!-- iPhone / iPod Touch  -->
 <icon src="res/ios/icon-60.png" width="60" height="60" />
 <icon src="res/ios/icon-60@2x.png" width="120" height="120" />
 <!-- iPad -->
 <icon src="res/ios/icon-76.png" width="76" height="76" />
 <icon src="res/ios/icon-76@2x.png" width="152" height="152" />
 <!-- iOS 6.1 -->
 <!-- Spotlight Icon -->
 <icon src="res/ios/icon-40.png" width="40" height="40" />
 <icon src="res/ios/icon-40@2x.png" width="80" height="80" />
 <!-- iPhone / iPod Touch -->
 <icon src="res/ios/icon.png" width="57" height="57" />
 <icon src="res/ios/icon@2x.png" width="114" height="114" />
 <!-- iPad -->
 <icon src="res/ios/icon-72.png" width="72" height="72" />
 <icon src="res/ios/icon-72@2x.png" width="144" height="144" />
 <!-- iPhone Spotlight and Settings Icon -->
 <icon src="res/ios/icon-small.png" width="29" height="29" />
 <icon src="res/ios/icon-small@2x.png" width="58" height="58" />
 <!-- iPad Spotlight and Settings Icon -->
 <icon src="res/ios/icon-50.png" width="50" height="50" />
 <icon src="res/ios/icon-50@2x.png" width="100" height="100" />
 </platform>
  • Save & Recompile your application
Did you find apk for android? You can find new Free Android Games and apps.
MyMail WordPress Plugin free
Save $50 USD on Ionic Firebase Chat Source CodeEXPLORE