developer tip

iOS 6 아이콘을 유지하면서 iOS 7 앱 아이콘, 실행 이미지 및 명명 규칙

copycodes 2020. 9. 25. 08:00
반응형

iOS 6 아이콘을 유지하면서 iOS 7 앱 아이콘, 실행 이미지 및 명명 규칙


방금 iOS 6에서 앱을 완성하고 일주일 전에 개발자 계정을 구입했기 때문에 iOS 7 SDK를 가지고 노는 시간이 많지 않았습니다. Golden Master 버전을 다운로드하고 iOS 7과 호환되도록 앱을 업그레이드하려고했습니다.

iOS 7에는 앱 아이콘 작업이 약간 필요하다는 것을 깨달았습니다. 나는 많은 관련 질문을 확인했으며 무엇을 해야할지 혼란 스럽습니다. 앱 아이콘이있는 iOS 6 앱이 이미 있고 골든 마스터 버전을 설치했을 때 다음을 확인했습니다.

iOS 7 앱 아이콘

시작 이미지의 경우 :

iOS 7 시작 이미지

iOS 사용자가 이전 아이콘을 계속 볼 수 있도록 iOS 7 용 새 평면 아이콘을 만들 수 있습니다.

어떻게해야합니까? "자산 카탈로그 사용"을 사용하거나 아이콘을 수동으로 추가하고 아이콘을 수동으로 추가하는 경우 이러한 이미지의 이름을 어떻게 지정해야합니까? 감사!


물론 자산 카탈로그는 당신이 답이다, 당신이 추가하거나 앱 아이콘을 업데이트 할 때 명명 규칙을 따라야 할 필요가 없습니다.

다음은 Apple 에서 앱 아이콘 세트 또는 실행 이미지 세트마이그레이션하는 단계입니다 .

1- 프로젝트 탐색기에서 대상을 선택하십시오.

2- 일반 창을 선택하고 앱 아이콘 섹션으로 스크롤합니다.

여기에 이미지 설명 입력

3- 이미지 행의 오른쪽에있는 폴더 아이콘을 클릭하고 나타나는 대화 상자에서 이미지 파일을 선택하여 앱 아이콘 테이블에 이미지를 지정합니다.

여기에 이미지 설명 입력

4- 애셋 카탈로그 사용 버튼을 클릭하고 팝업 메뉴에서 자산 카탈로그를 선택한 다음 마이그레이션 버튼을 클릭하여 앱 아이콘 테이블의 이미지를 자산 카탈로그로 마이그레이션합니다.

여기에 이미지 설명 입력

또는 편집기> 새 앱 아이콘을 선택하여 빈 앱 아이콘 세트를 생성하고 Finder에서 이미지를 드래그하거나 편집기> 가져 오기를 선택하여 세트에 이미지를 추가 할 수 있습니다.


자산 카탈로그를 사용해야합니다.

자산 카탈로그를 어떻게 사용할 수 있는지 조사했습니다. 이제는 쉬운 것 같습니다. 자산 카탈로그에 아이콘과 스플래시를 추가하는 단계를 보여 드리고 싶습니다.

참고 : info.plist 파일에 항목을 만들 필요가 없습니다. :) 다른 구성도 없습니다.

아래 이미지의 오른쪽에는 필요한 아이콘을 언급 할 수있는 강조 표시된 영역이 있습니다. 제 경우에는 처음 네 개의 확인란을 선택했습니다. 내 앱 요구 사항에 따라. 요구 사항에 따라 선택 사항을 선택할 수 있습니다.

여기에 이미지 설명 입력

Now, see below image. As you will select any App icon then you will see its detail at right side selected area. It will help you to upload correct resolution icon. 여기에 이미지 설명 입력

If Correct resolution image will not be added then following warning will come. Just upload the image with correct resolution. 여기에 이미지 설명 입력

After uploading all required dimensions, you shouldn't get any warning. 여기에 이미지 설명 입력


In case you do not want to use Asset Catalog, you can add an iOS 7 icon for an old app by creating a 120x120 .png image. Name it Icon-120.png and drag in to the project.

Under TARGET > Your App > Info > Icon files, add one more entry in the Target Properties:

여기에 이미지 설명 입력

I tested on Xcode 5 and an app was submitted without the missing retina icon warning.


Okay adding to @null's awesome post about using the Asset Catalog.

You may need to do the following to get the App's Icon linked and working for Ad-Hoc distributions / production to be seen in Organiser, Test flight and possibly unknown AppStore locations.


After creating the Asset Catalog, take note of the name of the Launch Images and App Icon names listed in the .xassets in Xcode.

By Default this should be

  • AppIcon
  • LaunchImage

[To see this click on your .xassets folder/icon in Xcode.] (this can be changed, so just take note of this variable for later)


What is created now each build is the following data structures in your .app:

For App Icons:

iPhone

  • AppIcon57x57.png (iPhone non retina) [Notice the Icon name prefix]
  • AppIcon57x57@2x.png (iPhone retina)

And the same format for each of the other icon resolutions.

iPad

  • AppIcon72x72~ipad.png (iPad non retina)
  • AppIcon72x72@2x~ipad.png (iPad retina)

(For iPad it is slightly different postfix)


Main Problem

Now I noticed that in my Info.plist in Xcode 5.0.1 it automatically attempted and failed to create a key for "Icon files (iOS 5)" after completing the creation of the Asset Catalog.

If it did create a reference successfully / this may have been patched by Apple or just worked, then all you have to do is review the image names to validate the format listed above.

Final Solution:

Add the following key to you main .plist

I suggest you open your main .plist with a external text editor such as TextWrangler rather than in Xcode to copy and paste the following key in.

<key>CFBundleIcons</key>
<dict>
    <key>CFBundlePrimaryIcon</key>
    <dict>
        <key>CFBundleIconFiles</key>
        <array>
            <string>AppIcon57x57.png</string>
            <string>AppIcon57x57@2x.png</string>
            <string>AppIcon72x72~ipad.png</string>
            <string>AppIcon72x72@2x~ipad.png</string>
        </array>
    </dict>
</dict>

Please Note I have only included my example resolutions, you will need to add them all.


If you want to add this Key in Xcode without an external editor, Use the following:

  • Icon files (iOS 5) - Dictionary
  • Primary Icon - Dictionary
  • Icon files -어레이
  • Item 0-문자열 = AppIcon57x57.png그리고 서로 항목 / 앱 아이콘.

이제 최종적으로 프로젝트를 보관할 때 최종 .xcarchive 페이로드 .plist에 빌드하고 사용할 위에 명시된 아이콘 위치가 포함됩니다.

.plist에 다음을 추가하지 마십시오. 이제 Xcode가 최종 페이로드에 대해 생성 할 내용의 예일뿐입니다.

<key>IconPaths</key>
<array>
    <string>Applications/Example.app/AppIcon57x57.png</string>
    <string>Applications/Example.app/AppIcon57x57@2x.png</string>
    <string>Applications/Example.app/AppIcon72x72~ipad.png</string>
    <string>Applications/Example.app/AppIcon72x72@2x~ipad.png</string>
</array>

참고 URL : https://stackoverflow.com/questions/18780476/ios-7-app-icons-launch-images-and-naming-convention-while-keeping-ios-6-icons

반응형