iOS, jak ustawić ikonę aplikacji i uruchomić obrazy

171

Jak ustawić obrazy, aby zarchiwizować i zweryfikować moją aplikację? Ekran wygląda teraz tak:

wprowadź opis obrazu tutaj

Tak mówi pierwszy 29pt, ale potem też mówi 2x. Więc mam umieścić 29x29obrazek czy 58x58obrazek? A gdzie umieścić wszystkie pozostałe? (Wiem, że istnieje więcej niż rozmiary 29, 40i 60).

W każdym razie próbowałem przeciągnąć plik 29x29png na pierwszy slot, a 40x40na drugi i a 60x60na trzeci i czwarty. Kiedy poszedłem Product->Archive, dostaję

/ Users / kendon / Documents / iPhone Apps / Sales Tool / Sales Tool / Images.xcassets: Zestaw ikon aplikacji o nazwie „AppIcon” nie zawiera żadnej odpowiedniej treści.

user3925803
źródło
wybierz appicon i dotknij inspektora atrybutów, pokazuje również wymagany wymiar 29x29 dla 1x i 58x58 dla 2x itd.
Muhammad Adnan
3
Możesz użyć tej strony, aby stworzyć wszystkie ikony aplikacji makeappicon.com
AL̲̳I
9
Dlaczego nie możemy tego zrobić w samym Xcode? Żadnych specjalnych aplikacji ani stron internetowych. Tylko jeden duży obraz, to byłoby zbyt łatwe, prawda? Tak właśnie robię w Unity
tsukimi
Wygląda na to, że obraz znajduje się zbyt blisko krawędzi białego tła ikony. Czy istnieje sposób na zmniejszenie obrazu, ale zachowując ten sam wymagany stosunek pikseli do piksela? To było po użyciu makeappicon.com
nenur
Nie jest już używany w iOS 13. Jest przestarzały.
Manish

Odpowiedzi:

211

Aktualizacja: Jeśli nie lubisz zmieniać rozmiaru ikon jeden po drugim, sprawdź odpowiedź Schmoudiego . To po prostu dużo łatwiejsze.

Rozmiary ikon

wprowadź opis obrazu tutaj

Powyższe zdjęcie z Designing for iOS 9 . Są takie same dla iOS 10 .

Jak ustawić ikonę aplikacji

Kliknij Assets.xcassets w nawigatorze projektów, a następnie wybierz AppIcon .

wprowadź opis obrazu tutaj

To da ci pusty zestaw ikon aplikacji.

wprowadź opis obrazu tutaj

Teraz po prostu przeciągnij obraz o odpowiednim rozmiarze (w formacie .png) z Findera na każde puste miejsce w zestawie aplikacji. Ikona aplikacji powinna być teraz skonfigurowana.

Jak tworzyć obrazy o odpowiedniej wielkości

Obraz na samej górze pokazuje rozmiary pikseli dla każdego rozmiaru punktu, który jest wymagany w iOS 9. Jednak nawet jeśli ta odpowiedź nie zostanie zaktualizowana dla przyszłych wersji iOS, nadal możesz określić prawidłowe rozmiary pikseli za pomocą metoda poniżej.

Spójrz, ile punktów (pt) znajduje się w każdym pustym zestawie obrazów. Jeśli obraz ma rozmiar 1x, piksele są takie same jak punkty. Za 2x podwójną liczbę punktów i 3x potrójną liczbę punktów. Na przykład w pierwszym pustym miejscu powyżej (29 punktów 2x) potrzebujesz obrazu o wymiarach 58x58 pikseli.

Możesz zacząć od obrazu 1024x1024 pikseli, a następnie zmniejszyć go do odpowiednich rozmiarów. Możesz to zrobić samodzielnie lub są też strony internetowe i skrypty umożliwiające uzyskanie odpowiednich rozmiarów. Wyszukaj hasło „generator ikon aplikacji na ios” lub coś podobnego.

Nie wydaje mi się, żeby nazwy miały znaczenie, o ile masz prawidłowe wymiary, ale ogólna konwencja nazewnictwa jest następująca:

Icon-29.png      // 29x29 pixels
Icon-29@2x.png   // 58x58 pixels
Icon-29@3x.png   // 87x87 pixels

Uruchom obraz

Chociaż możesz użyć obrazu na ekranie uruchamiania, rozważ użycie pliku storyboardu ekranu uruchamiania. Spowoduje to wygodną zmianę rozmiaru dla każdego rozmiaru i orientacji. Sprawdź tę odpowiedź SO lub następującą dokumentację, aby uzyskać pomoc w tym zakresie.

Przydatna dokumentacja

Obrazy Xcode w tym poście zostały utworzone za pomocą Xcode 7.

Suragch
źródło
Dla mnie w XCode 7.2 XCode nie pozwala na przeciąganie obrazów do tych pól. Czy możesz mi z tym pomóc?
ahitt6345
1
@ ahitt6345: Przetestowałem to ponownie z Xcode 7.2 i nadal działa. Otwórz Findera i znajdź swoje obrazy w dowolnym folderze, w którym je masz. Następnie przeciągnij je do właściwej lokalizacji zestawu ikon aplikacji w Xcode, jak pokazano powyżej. Jeśli obraz ma niewłaściwy format, może nie działać. Użyj formatu .png.
Suragch
Są w formacie .png, próbowałem przeciągać i upuszczać ponownie i nadal nie działało.
ahitt6345
@ ahitt6345, Obejrzyj ten samouczek wideo na YouTube . Pomocne może być zobaczenie, jak to się robi w akcji.
Suragch
Miałem również problemy z przeciąganiem ich, dopóki nie zmieniłem formatu png, aby pasował do lokalizacji, do której go przeciągałem. To jest z Xcode 8.3
krótko
177

Niedawno znalazłem tę aplikację o nazwie Icon Set Creator w App Store, która jest bezpłatna, bez reklam, aktualizowana o nowe zmiany, prosta i działa dobrze dla każdego możliwego rozmiaru ikon w OSX, iOS i WatchOS:

W kreatorze zestawu ikon:

  1. Przeciągnij obraz do widoku
  2. Wybierz platformę docelową
  3. Wyeksportuj folder Icon Set

iconSetCreator

W XCode:

  1. Przejdź do folderu Assets.xcassets
  2. Usuń istniejący AppIcon
  3. Kliknij prawym przyciskiem myszy -> Importuj utworzony zestaw ikon jako AppIcon i gotowe

Schmoudi
źródło
1
Okazało się to dla mnie wielkim atutem, gdy zmagałem się ze zrozumieniem systemu ikon aplikacji dla moich aplikacji korporacyjnych. Warto jednak wspomnieć, że należy trochę wyjaśnić, jak to działa. Aplikacja nie podaje konkretnie nazwy ani lokalizacji, w której zapisywane są nowo wygenerowane obrazy. Ponieważ jest to aplikacja na iOS, zajęło mi trochę czasu, zanim zdałem sobie sprawę, że aplikacja utworzyła folder o nazwie „iOS”, a następnie zapisała tam obrazy w innym folderze o nazwie „Appicon.appiconset”. Gdy będziesz gotowy do importu do projektu, powinieneś wybrać TEN folder.
Bill Norman
Całkowicie zaoszczędziłem czas ... Wszystko zrobiłem w około 15 minut
NduJay
22

Aby zaoszczędzić trochę czasu:

1) Możesz oznaczyć wszystkie obrazy ikon aplikacji w wyszukiwarce i przeciągnąć je jednocześnie do katalogu zasobów, przeciągając je do jednego z pustych miejsc zestawu obrazów ikon aplikacji. Kiedy przytrzymasz przeciągnięcie nad gniazdem, kilka innych miejsc będzie wyglądać na zaznaczonych, a kiedy je upuścisz, wszystkie zostaną zapełnione od razu. Zauważ, że działa to w XCode 8 (nie próbowałem XCode 7), ale w XCode 9 beta jeszcze nie.

Przeciąganie do ikony aplikacji Zestaw obrazów katalogu zasobów

2) Witryna z dokumentacją Apple „Pytania i odpowiedzi techniczne QA1686” zawiera już obliczone rozmiary na miejsce na ikonę aplikacji na ładnym obrazie, a także zawiera prawidłowe konwencje nazw obrazów.

Rozmiary ikon aplikacji

KS
źródło
11

Prawidłowe rozmiary są następujące:

1)58x58

2)80x80

3)120x120

4)180x180

bzz
źródło
10

Używam narzędzia o nazwie Prepo do tworzenia obrazów we wszystkich odpowiednich rozmiarach. Po prostu karmisz aplikację, którą plik obrazu, i wypluwa każdy potrzebny plik z odpowiednią nazwą.

Gdy to zrobisz, możesz przeciągnąć odpowiednie pliki lub po prostu wskazać folder wyeksportowany Prepo.

Craig.Pearce
źródło
Nie ma ikon 167x167 dla najnowszych iPadów
Yernar Amergaliyev
W rzeczywistości generuje 167x167 podczas eksportowania obrazów. Po prostu nie pokazuje tego rozmiaru (i wielu innych rozmiarów) w oknie podglądu
tiguchi
8

Teraz dzień jest naprawdę łatwy do ustawienia ikony aplikacji, po prostu przejdź do https://makeappicon.com/ dodaj swój obraz, wyślą Ci cały rozmiar ikony aplikacji (również dla zegarków i itunes), teraz kliknij Zasoby .xcassets w nawigatorze projektów, a następnie wybierz AppIcon. Teraz wystarczy przeciągnąć i upuścić ikonę zgodnie z wymaganiami.

ViralRathod
źródło
5

Na liście po lewej stronie kliknij prawym przyciskiem myszy „AppIcon” i kliknij „Otwórz w wyszukiwarce”. Otworzy się folder o nazwie „AppIcon.appiconset”. Wklej tam całą grafikę z wymaganą rozdzielczością. Po zakończeniu wszystkie te obrazy będą widoczne na tym samym ekranie (jeden na zrzucie ekranu). następnie przeciągnij je do odpowiedniego pola. Dodano ikony aplikacji. Ten sam proces dla obrazów uruchamiania. Obrazy uruchamiania w ramach tego procesu są dodawane dla iOS 7 i starszych. W systemie iOS 8 domyślnie tworzony jest oddzielny plik LaunchScreen.xib.

Gunjit
źródło
5

Znalazłem aplikację o nazwie Iconizer. Możesz znaleźć repozytorium na github . Iconizer może generować ikony aplikacji dla OS X, iPada, iPhone'a, CarPlay i Apple Watch za pomocą tylko jednego obrazu.

Po prostu przeciągnij i upuść swoją ikonę na Iconizer, wybierz platformy, których potrzebujesz i czy chcesz, aby wszystkie platformy zostały wygenerowane w jednym katalogu zasobów, a następnie naciśnij eksport.

Następnie po prostu zamień (usuń i zaimportuj) swój AppIcon w pliku Assets.xcassets

Vladyslav Panchenko
źródło
2

To bardzo frustrująca część XCode. Jak wielu, zmarnowałem na to godziny, kiedy przełączyłem się na nowszą wersję xcode (wersja 8). Rozwiązaniem dla mnie było otwarcie właściwości mojego projektu i pod „App Icons and Launch Images” wybrać opcję „migrate” dla ikon. Nie miało to dla mnie absolutnie żadnego sensu, ponieważ miałem już tam wszystkie swoje ikony, ale zadziałało! Niestety wydaje mi się, że teraz mam w projekcie dwie kopie ikon programu uruchamiającego.

Mrówka
źródło
To było to, czego potrzebowałem, aby zaktualizować bardzo stary (iOS 3) projekt na iOS 11.
Doug Voss
1

Zgodnie z zaktualizowaną wersją (Xcode 8.3.3) zauważyłem, że poniższe rozdzielczości są wymagane dla wszystkich pól AppIconzestawów.

40x40
58x58
60x60
80x80
87x87
120x120
180x180

Pochodzi z hdpi, xhdpi, xxhdpi itp. Mam nadzieję, że pomoże innym.

Edytowany do rozmiaru 120x120

Raj Aryan
źródło