Jak ustawić ikonę aplikacji Mac w Xcode?


87

Dużo się nauczyłem o pisaniu kodu Objective-C i projektowaniu w Interface Builder i chciałem ustawić ikony dla moich prostych programów.

Dodałem ten sam JPG do wszystkich pól rozmiaru w Icon Composer i otrzymałem ICNS, ale nie mogłem wymyślić, jak dodać go do projektu.

Z góry dziękuję.

Odpowiedzi:


162

Ponieważ Xcode 4.4 Icon Composer nie jest już zalecanym sposobem tworzenia ikon i nie jest już uwzględniony w standardowej instalacji Xcode. Ze względu na wprowadzenie komputerów Mac z wyświetlaczem Retina, obecnie zaleca się udostępnianie wszystkich grafik w wysokiej rozdzielczości, w tym ikon aplikacji.

Aby nadać aplikacji ikonę pod Xcode> 4.4, wykonaj następujące czynności:

  1. Utwórz folder [IconName] .iconset w Finderze

  2. W tym folderze umieść swoją ikonę jako pliki png. Będziesz potrzebować ikony w rozmiarach 16px, 32px, 64px (tylko siatkówka), 128px, 256px, 512px i 1024px (tylko Retina)

  3. Te ikony muszą mieć nazwy zgodne ze wzorem icon_16x16.png, icon_32x32.png, icon_128x128.png i tak dalej

  4. Aby obsługiwać wyświetlacze Retina, należy również dodać pliki ikon o podwójnej rozdzielczości, o nazwach icon_16x16@2x.png (rozmiar 32x32), icon_32x32@2x.png (rozmiar 64x64) itd., Aż do icon_512x512@2x.png (rozmiar 1024x1024).

  5. przeciągnij ten folder [IconName] .iconset do Xcode (skopiuj, jeśli to konieczne)

  6. w pliku info.plist ustaw wartość „CFBundleIconFile” (plik ikon jako klucz) na [IconName], ale bez rozszerzenia .iconset

Adnotacje:

  • nie jest (obecnie) wymagane dostarczanie ikon @ 2x
  • zadziała (zwykle) także wtedy, gdy nie dostarczysz wszystkich plików ikon
  • folder zestawu ikon nie powinien zawierać pliku icon_64x64.png. ikona 64px dotyczy tylko wersji siatkówki icon_32x32

Aktualizacja: Ostatecznie twój folder .iconset zawiera następujące 10 elementów:

icon_16x16.png
icon_16x16@2x.png
icon_32x32.png
icon_32x32@2x.png
icon_128x128.png
icon_128x128@2x.png
icon_256x256.png
icon_256x256@2x.png
icon_512x512.png
icon_512x512@2x.png

Oficjalny przewodnik:

https://developer.apple.com/library/content/documentation/GraphicsAnimation/Conceptual/HighResolutionOSX/Optimizing/Optimizing.html

Dodatkowe informacje:

Aby przekonwertować folder zestawu ikon na plik icns, uruchom następujące polecenie na terminalu:

iconutil -c icns [IconName].iconset

gdzie [IconName] należy zastąpić prefiksem folderu zestawu ikon. Masz teraz plik o nazwie [IconName] .icns. W Xcode 4.4 w Podsumowaniu celu kliknij prawym przyciskiem myszy znak zapytania obok ikony, a następnie wybierz plik icns. Powinieneś wtedy zobaczyć znak zapytania zastępowany ikoną.


W niektórych przypadkach zestaw ikon nie zostanie automatycznie dodany do fazy budowy „Kopiuj zasoby paczki”, w takim przypadku musisz dodać go ręcznie do fazy budowy.
Reimund

1
Uwaga: Xcode 4.4 automatycznie sprawdza poprawność i konwertuje folder zestawu ikon na plik icns. Wszystko, co musisz zrobić, to dodać folder zestawu ikon do swojego projektu i skompilować projekt. Wygenerowany plik icns jest automatycznie dodawany do zbudowanego produktu.
EsbenB

1
@kadam Masz rację, zawsze tak było. Nieznacznie zmodyfikowałem odpowiedź, aby nazwa ikony siatkówki była wyraźniejsza.
codingFriend1

1
^ och, nie wspominają o rozmiarach 64x64 lub 1024x1024 w tej dokumentacji: developer.apple.com/library/mac/#documentation/ ... więc zmniejsza to liczbę do 10!
Chris Allinson

1
@ChrisAllinson Potrzebujesz ikon o rozmiarze 64px i 1024px. Ale te mają nazwy icon_32x32@2xi icon_512x512@2x.png. Dodałem listę wszystkich nazw ikon do odpowiedzi, aby to wyjaśnić.
codingFriend1

32

Począwszy od Xcode 7 (nie jestem pewien, kiedy to zostało pierwotnie wprowadzone), możesz użyć pliku Assets.xcassets dla ikon aplikacji. Ten plik jest domyślnie dołączany do nowych projektów.

Po prostu:

  1. Przejdź do ustawień swój cel i zapewnić, że w ramach generalnego , App Ikony Źródło jest ustawiona na AppIcon .
  2. Dodaj wszystkie 10 ikon png do obrazu AppIcon Assets.xcassets.
  3. Usuń dane pochodne, jeśli wcześniej uruchomiłeś aplikację, w przeciwnym razie będzie nadal wyświetlać domyślną ikonę.
  4. Uruchom aplikację; powinien teraz wyświetlać twoją ikonę w Docku, przełączniku aplikacji i gdziekolwiek indziej, gdzie powinna się pojawić.

27

Wykonaj poniższe czynności, aby dodać ikonę aplikacji do projektu. Jest to ikona, która będzie wyświetlana w systemie MacOS na pasku dokumentów i na ekranie alt-tab.

  • Utwórz plik zasobów ikony .icns
  • Umieść go w folderze „resources / macos”
  • Dodaj go do grupy zasobów w projekcie Xcode
  • Edytuj plik Info.plist i zmień ciąg wartości „CFBundleIconFile” na „ikona”

Ponadto narzędzie img2icns może być przydatne do konwersji obrazów na ikonę.


… Zmień ciąg wartości „CFBundleIconFile” na nazwę swojego pliku .icns. FTFY
Francis McGrew,

W Xcode 7 nie musisz umieszczać pliku .icns w określonym folderze, o ile znajduje się on w pakiecie. Utworzyłem folder / Assets i po prostu przeciągnąłem plik icon.icns do folderu w Xcode. Następnie wyedytowałem Info.plist i ustawiłem plik Icon na icon.ins. Musisz także wyłączyć tę funkcję, aby korzystać z testów w ustawieniach „ogólnych” aplikacji.
gbdavid

7

Kroki, aby dodać ikonę aplikacji do projektu kakaowego.

  1. Znajdź „Icon Composer” w centrum uwagi.
  2. Przeciągnij i upuść ikonę (nazwa powinna wyglądać jak nazwa_obrazu.icns) w podanych polach.
  3. Wybierz jedno pole i zapisz je.
  4. Przeciągnij i upuść zapisany obraz w folderze Zasoby swojej aplikacji.
  5. Wybierz cel -> kliknij prawym przyciskiem myszy nazwę projektu -> Wybierz GetInfo.
  6. We Właściwościach wprowadź nazwę „Pliku ikon”.
  7. Teraz Clean Build i uruchom swoją aplikację.

1
6 lat później to już nie ma zastosowania
mix3d

7

To jest łatwe

  1. Użyj automatycznego narzędzia (takiego jak IconFly), aby utworzyć prawidłowy ICNS lub zestaw ikon o wszystkich potrzebnych rozmiarach.

  2. Następnie przeciągnij i upuść utworzony ICNS lub zestaw ikon do Xcode.

  3. w pliku info.plist ustaw wartość „CFBundleIconFile” na [IconName]


3

Xcode 8.2.1

  1. Konwertuj pliki .png 👉.icns za pomocą IconMaker

  2. Dodaj plik AwesomeApp.icns w tym samym folderze, co info.plist

  3. Przeciągnij plik AwesomeApp.icns do xcode w tym samym folderze, co info.plist

  4. W info.plist ustaw ikonę: na AwesomeApp.icns


4
Powinieneś także uruchomić polecenie + opcja + shift + K, które czyści kompilację. Następnie ponownie zbuduj aplikację, a ikona powinna się zastosować
Luka Kerr

Brzmi jak głębokie czyszczenie! W niektórych przypadkach ponowne uruchomienie xcode i komputera może załatwić sprawę: P Osobiście nie musiałem czyścić kompilacji, zanim to zadziałało. Dzięki za napiwek Luka! użyj pełnego dla przyszłych obserwatorów.
eonista

Link @eonist IconMaker nie działa.
jamescampbell

@ jamescampbell Hej, stary sport. Zaktualizowano teraz
eonista

0

Krok 1: Pobierz nazwę pliku ikon z info.plist i umieść folder icns (plik ikon) w folderze SourceCode / resources

Krok 2: I to samo dotyczy xcode, musisz skopiować wszystkie obrazy z xcode za pomocą copyallframeworks lub skopiować plik zasobów w swoim xcode i ponownie zbudować aplikację.


@ Asif.Ali Odpowiedź udzielona z krokami.
Rachit kapadia
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.