http://docs.phonegap.com/en/4.0.0/config_ref_images.md.html 참조


생성한 프로젝트 폴더 내에 config.xml 파일을 수정하면 된다.


위 페이지 들어가서 보면 기본 문법이 아래와 같다고 나와있다.

 <icon src="res/ios/icon.png" platform="ios" width="57" height="57" density="mdpi" />

src는 필수 입력 사항이고, 나머지는 옵션이라고 적혀있다.

src에는 아이콘 파일의 위치를 쓰는데 시작지점은 config.xml의 파일이 있는 곳과 동일하다.

(사이트 설명은 프로젝트 디렉토리를 참조한다는데 그냥 config.xml의 위치와 동일하는 표현이 좀 더 쉬운거 같아서..ㅋㅋ)


폰 OS별로 예제 정리가 잘되어있다.


Amazon Fire OS

     <platform name="amazon-fireos">
             
<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>

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>

Blackberry10

     <platform name="blackberry10">
             
<icon src="res/bb10/icon-86.png" />
             
<icon src="res/bb10/icon-150.png" />
     
</platform>

See BlackBerry's documentation for targeting multiple sizes and locales. [http://developer.blackberry.com/html5/documentation/icon_element.html]

Firefox OS

     <platform name="firefoxos">
             
<icon src="res/ff/logo.png" width="60" height="60" />
     
</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>

Tizen

     <platform name="tizen">
             
<icon src="res/tizen/icon-128.png" width="128" height="128" />
     
</platform>

Windows Phone8

     <platform name="wp8">
             
<icon src="res/wp/ApplicationIcon.png" width="99" height="99" />
             
<!-- tile image -->
             
<icon src="res/wp/Background.png" width="159" height="159" />
     
</platform>

Windows8

     <platform name="windows8">
             
<icon src="res/windows8/logo.png" width="150" height="150" />
             
<icon src="res/windows8/smalllogo.png" width="30" height="30" />
             
<icon src="res/windows8/storelogo.png" width="50" height="50" />
     
</platform>

안드로이드로만 테스트 해봤는데 잘적용되었다.

다만, 아이콘 사이즈 조절이 되게 하고 싶었으나..

그냥 설정해놓은 이미지 사이즈 그대로 가져간다. 적용이 안되는듯...

좀 더 구글링 해보면 방법이 있을 것도 같지만.. 귀찮아서 이만..

+ Recent posts