Skip to content

mobilexag/cordova-res

This branch is 11 commits ahead of, 41 commits behind AlexDisler/cordova-splash:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
Chau Thai
Apr 28, 2016
7f0a24f · Apr 28, 2016

History

38 Commits
Mar 9, 2016
Oct 3, 2014
Mar 9, 2016
Mar 9, 2016
Mar 9, 2016
Mar 10, 2016
Mar 9, 2016
Oct 3, 2014
Apr 14, 2016
Apr 28, 2016
Apr 14, 2016

Repository files navigation

cordova-res

Automatic splash screen and icon generator for Cordova. Create a splash screen and icon as SVG once in the root folder of your Cordova project and use cordova-res to automatically crop and copy it for all the platforms your project supports (currenty works with iOS, Android and Windows 10).

Installation

$ sudo npm install cordova-res -g

Requirements

  • ImageMagick installed (Mac: brew install imagemagick --with-librsvg, Debian/Ubuntu: sudo apt-get install imagemagick, Windows: See here)
  • At least one platform was added to your project (cordova platforms docs)
  • Cordova's config.xml file must exist in the root folder (cordova config.xml docs)

Usage

Create a splash.svg and icon.svg file in the root folder of your cordova project and run:

$ cordova-res

Assets are save to e.g. res/icon/android etc.

config.xml

Add the following lines to your config.xml in the root folder of your Cordova project.

<platform name="android">
    <allow-intent href="market:*" />
    <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/>
    <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/>
    <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/>
    <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>
    <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/>
    <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>
    <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/>
    <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/>
    <!--
      ldpi    : 36x36 px
      mdpi    : 48x48 px
      hdpi    : 72x72 px
      xhdpi   : 96x96 px
      xxhdpi  : 144x144 px
      xxxhdpi : 192x192 px
    -->
    <icon src="res/icon/android/icon-ldpi.png" density="ldpi" />
    <icon src="res/icon/android/icon-mdpi.png" density="mdpi" />
    <icon src="res/icon/android/icon-hdpi.png" density="hdpi" />
    <icon src="res/icon/android/icon-xhdpi.png" density="xhdpi" />
    <icon src="res/icon/android/icon-xxhdpi.png" density="xxhdpi" />
    <icon src="res/icon/android/icon-xxxhdpi.png" density="xxxhdpi" />
</platform>
<platform name="ios">
    <preference name="AutoHideSplashScreen" value="false" />
    <allow-intent href="itms:*" />
    <allow-intent href="itms-apps:*" />
    <preference name="StatusBarOverlaysWebView" value="false" />
    <preference name="StatusBarBackgroundColor" value="#204056" />
    <preference name="StatusBarStyle" value="lightcontent" />
    <preference name="DisallowOverscroll" value="true" />
    <splash src="res/screen/ios/Default~iphone.png" width="320" height="480"/>
    <splash src="res/screen/ios/Default@2x~iphone.png" width="640" height="960"/>
    <splash src="res/screen/ios/Default-Portrait~ipad.png" width="768" height="1024"/>
    <splash src="res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" height="2048"/>
    <splash src="res/screen/ios/Default-Landscape~ipad.png" width="1024" height="768"/>
    <splash src="res/screen/ios/Default-Landscape@2x~ipad.png" width="2048" height="1536"/>
    <splash src="res/screen/ios/Default-568h@2x~iphone.png" width="640" height="1136"/>
    <splash src="res/screen/ios/Default-667h.png" width="750" height="1334"/>
    <splash src="res/screen/ios/Default-736h.png" width="1242" height="2208"/>
    <splash src="res/screen/ios/Default-Landscape-736h.png" width="2208" height="1242"/>
    <!-- iOS 8.0+ -->
    <!-- iPhone 6 Plus  -->
    <icon src="res/icon/ios/[email protected]" width="180" height="180" />
    <!-- iOS 7.0+ -->
    <!-- iPhone / iPod Touch  -->
    <icon src="res/icon/ios/icon-60.png" width="60" height="60" />
    <icon src="res/icon/ios/[email protected]" width="120" height="120" />
    <!-- iPad -->
    <icon src="res/icon/ios/icon-76.png" width="76" height="76" />
    <icon src="res/icon/ios/[email protected]" width="152" height="152" />
    <!-- iOS 6.1 -->
    <!-- Spotlight Icon -->
    <icon src="res/icon/ios/icon-40.png" width="40" height="40" />
    <icon src="res/icon/ios/[email protected]" width="80" height="80" />
    <!-- iPhone / iPod Touch -->
    <icon src="res/icon/ios/icon.png" width="57" height="57" />
    <icon src="res/icon/ios/[email protected]" width="114" height="114" />
    <!-- iPad -->
    <icon src="res/icon/ios/icon-72.png" width="72" height="72" />
    <icon src="res/icon/ios/[email protected]" width="144" height="144" />
    <!-- iPhone Spotlight and Settings Icon -->
    <icon src="res/icon/ios/icon-small.png" width="29" height="29" />
    <icon src="res/icon/ios/[email protected]" width="58" height="58" />
    <!-- iPad Spotlight and Settings Icon -->
    <icon src="res/icon/ios/icon-50.png" width="50" height="50" />
    <icon src="res/icon/ios/[email protected]" width="100" height="100" />
</platform>

License

MIT

About

Automatic splash screen generator for Cordova

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%