iOS cara mengatur ikon aplikasi dan meluncurkan gambar


170

Bagaimana cara mengatur gambar sehingga saya bisa mengarsipkan dan memvalidasi aplikasi saya? Layar terlihat seperti ini sekarang:

masukkan deskripsi gambar di sini

Jadi yang pertama mengatakan 29pt, tetapi kemudian juga mengatakan 2x. Jadi, apakah saya meletakkan 29x29gambar atau 58x58gambar? Dan di mana saya meletakkan semua yang lain? (Saya tahu bahwa ada lebih ukuran dari 29, 40, dan 60).

Bagaimanapun, yang saya coba adalah saya menyeret 29x29png ke slot pertama, satu 40x40ke yang kedua, dan 60x60ke yang ketiga dan keempat. Ketika saya pergi ke Product->Archive, saya mengerti

/ Pengguna / kendon / Dokumen / Aplikasi iPhone / Alat Penjualan / Alat Penjualan / Images.xcassets: Set ikon aplikasi bernama "AppIcon" tidak memiliki konten yang berlaku.


pilih appicon dan inspektur atribut tap, itu juga menunjukkan dimensi yang diperlukan 29x29 untuk 1x dan 58x58 untuk 2x dll
Muhammad Adnan

3
Anda dapat menggunakan situs web ini untuk membuat semua ikon aplikasi makeappicon.com
AL̲̳I

9
Mengapa kita tidak bisa melakukan ini di Xcode saja? Tidak ada aplikasi atau situs web khusus. Satu gambar besar saja, itu akan terlalu mudah bukan. Inilah yang saya lakukan di Unity
tsukimi

Sepertinya gambar terlalu dekat dengan tepi latar belakang putih di ikon, apakah ada cara untuk membuat gambar lebih kecil tetapi tetap dengan rasio pixel yang sama yang diperlukan? Ini setelah menggunakan makeappicon.com
nenur

Ini tidak lagi digunakan di iOS 13. Ini sudah usang.
Manish

Jawaban:


211

Pembaruan: Kecuali jika Anda suka mengubah ukuran ikon satu per satu, periksa jawaban Schmoudi . Itu jauh lebih mudah.

Ukuran ikon

masukkan deskripsi gambar di sini

Di atas gambar dari Merancang untuk iOS 9 . Mereka sama untuk iOS 10 .

Cara Mengatur Ikon Aplikasi

Klik Assets.xcassets di navigator Proyek dan kemudian pilih AppIcon .

masukkan deskripsi gambar di sini

Ini akan memberi Anda set ikon aplikasi kosong.

masukkan deskripsi gambar di sini

Sekarang cukup seret gambar berukuran kanan (dalam format .png) dari Finder ke setiap blank di set aplikasi. Ikon aplikasi harus sudah diatur sekarang.

Cara membuat gambar berukuran tepat

Gambar di bagian paling atas memberi tahu ukuran piksel untuk setiap ukuran titik yang diperlukan di iOS 9. Namun, meskipun saya tidak mendapatkan jawaban ini diperbarui untuk versi iOS masa depan, Anda masih dapat mengetahui ukuran piksel yang benar menggunakan metode di bawah ini.

Lihatlah berapa banyak poin (pt) yang kosong pada set gambar kosong. Jika gambar adalah 1x maka pikselnya sama dengan titik. Untuk 2x menggandakan poin dan 3x lipat tiga poin. Jadi, misalnya, pada blank pertama di atas (29pt 2x) Anda akan membutuhkan gambar 58x58 piksel.

Anda dapat mulai dengan gambar 1024x1024 piksel dan kemudian berhemat dengan ukuran yang benar. Anda dapat melakukannya sendiri atau ada juga situs web dan skrip untuk mendapatkan ukuran yang tepat. Lakukan pencarian untuk "generator ikon aplikasi ios" atau yang serupa.

Saya tidak berpikir nama-nama itu penting asalkan Anda mendapatkan dimensi yang benar, tetapi konvensi penamaan umum adalah sebagai berikut:

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

Luncurkan Gambar

Meskipun Anda dapat menggunakan gambar untuk layar peluncuran, pertimbangkan untuk menggunakan file storyboard layar peluncuran. Ini akan dengan mudah mengubah ukuran untuk setiap ukuran dan orientasi. Lihatlah jawaban SO ini atau dokumentasi berikut untuk bantuan mengenai hal ini.

Dokumentasi yang bermanfaat

Gambar-gambar Xcode dalam posting ini dibuat dengan Xcode 7.


Bagi saya, Di XCode 7.2, XCode tidak memungkinkan Anda untuk menyeret gambar ke kotak-kotak itu. Bisakah Anda membantu saya dengan itu?
ahitt6345

1
@ ahitt6345: Saya mengujinya lagi dengan Xcode 7.2 dan masih berfungsi. Buka Finder dan cari gambar Anda di folder apa pun yang Anda miliki. Kemudian seret ke dalam ikon aplikasi yang benar, atur lokasi di Xcode seperti yang ditunjukkan di atas. Jika gambar Anda dalam format yang salah, maka mungkin tidak berfungsi. Gunakan format .png.
Suragch

Mereka adalah format .png, saya telah mencoba menyeret dan menjatuhkan sekali lagi dan itu masih tidak berhasil.
ahitt6345

@ ahitt6345, Lihat tutorial video YouTube ini . Mungkin membantu melihatnya dilakukan dalam tindakan.
Suragch

Saya memiliki masalah menyeret mereka juga sampai saya mengubah format png agar sesuai dengan lokasi yang saya seret. Ini dengan Xcode 8.3
singkat

176

Saya baru-baru ini menemukan App ini disebut Icon Set Creator di App Store yang gratis, tanpa iklan, diperbarui pada perubahan baru, lurus ke depan dan berfungsi dengan baik untuk setiap ukuran ikon yang mungkin di OSX, iOS dan WatchOS:

Di Pembuat Set Ikon:

  1. Seret gambar Anda ke dalam tampilan
  2. Pilih platform target Anda
  3. Ekspor folder Kumpulan Ikon

iconSetCreator

Dalam XCode:

  1. Arahkan ke Folder Assets.xcassets
  2. Hapus AppIcon yang sudah ada sebelumnya
  3. Klik kanan -> Impor Ikon yang Anda buat ditetapkan sebagai AppIcon dan Anda selesai


1
Ini ternyata menjadi aset besar bagi saya ketika saya sedang bergulat dengan memahami sistem ikon aplikasi untuk aplikasi Enterprise saya. Namun, perlu disebutkan sedikit kejelasan tentang cara kerjanya. Aplikasi ini tidak secara khusus memberi tahu Anda nama atau lokasi tempat gambar yang baru dibuat disimpan. Ini menjadi aplikasi iOS, perlu beberapa saat untuk menyadari bahwa aplikasi tersebut membuat folder bernama 'iOS' dan kemudian menyimpan gambar di sana di dalam folder lain bernama 'Appicon.appiconset.' Ketika siap untuk mengimpor ke proyek, itu adalah folder INI yang harus Anda pilih.
Bill Norman

Benar-benar menghemat waktu saya ... Saya menyelesaikan semuanya dalam 15 menit
NduJay

22

Untuk menghemat waktu:

1) Anda dapat menandai gambar ikon aplikasi Anda semua di finder dan menyeretnya ke dalam katalog Aset Anda sekaligus dengan menyeret ke salah satu slot kosong ikon aplikasi imageset. Ketika Anda menahan drag ke slot, beberapa slot lainnya terlihat dipilih dan ketika Anda menjatuhkan semua itu akan terisi sekaligus. Perhatikan bahwa ini berfungsi di XCode 8 (saya belum mencoba XCode 7), tetapi di XCode 9 beta belum.

Menyeret ke ikon aplikasi Gambar katalog aset

2) Situs dokumentasi apel "Tanya Jawab Teknis QA1686" memiliki ukuran per slot ikon aplikasi yang sudah dihitung untuk Anda dalam gambar yang bagus dan juga berisi konvensi nama gambar yang benar.

Ukuran ikon aplikasi


11

Ukuran yang benar adalah sebagai berikut:

1)58x58

2)80x80

3)120x120

4)180x180


10

Saya menggunakan alat yang disebut Prepo untuk menghasilkan semua ukuran gambar yang tepat. Anda cukup memberi makan aplikasi yang Anda gambar file dan itu akan memuntahkan setiap file yang diperlukan dengan nama yang sesuai.

Setelah melakukan ini, Anda kemudian dapat menarik file yang sesuai atau cukup arahkan ke folder Prepo yang diekspor.


Itu tidak melakukan ikon 167x167 untuk iPad terbaru
Yernar Amergaliyev

Ini sebenarnya menghasilkan 167x167 saat Anda mengekspor gambar. Hanya saja tidak menunjukkan ukuran itu (dan banyak ukuran lainnya) di jendela pratinjau
tiguchi

8

Sekarang suatu hari sangat mudah untuk mengatur ikon-aplikasi, cukup buka https://makeappicon.com/ tambahkan gambar Anda, mereka akan mengirimi Anda semua ukuran ikon-Aplikasi (Juga untuk menonton & itunes), sekarang Klik Aset .xcassets di navigator Proyek dan kemudian pilih AppIcon. Sekarang Anda hanya perlu menarik n drop ikon yang diperlukan.


5

Di daftar sebelah kiri, klik kanan pada "AppIcon" dan klik "Open in finder" Folder dengan nama "AppIcon.appiconset" akan terbuka. Rekatkan semua gambar dengan resolusi yang diperlukan di sana. Setelah selesai, semua gambar itu akan terlihat di layar yang sama ini (satu di tangkapan layar Anda). kemudian seret ke kotak yang sesuai. Ikon aplikasi telah ditambahkan. Proses yang sama untuk meluncurkan gambar. Luncurkan gambar melalui proses ini ditambahkan untuk iOS 7 dan di bawah. Untuk iOS 8 file LaunchScreen.xib terpisah dibuat secara default.


5

Saya menemukan Aplikasi bernama Iconizer. Anda dapat menemukan repositori di github . Iconizer dapat menghasilkan ikon aplikasi untuk OS X, iPad, iPhone, CarPlay dan Apple Watch hanya dengan satu gambar.

Cukup Seret dan Jatuhkan ikon Anda ke Iconizer, pilih platform yang Anda butuhkan dan apakah Anda ingin semua platform dihasilkan dalam satu katalog aset, lalu tekan ekspor.

Setelah itu baru ganti (hapus dan impor) AppIcon Anda di Assets.xcassets


2

Ini adalah bagian yang sangat menyebalkan dari XCode. Seperti banyak, saya menghabiskan waktu berjam-jam untuk ini ketika saya beralih ke versi xcode yang lebih baru (versi 8). Solusi bagi saya adalah membuka properti untuk proyek saya dan di bawah "Ikon Aplikasi dan Luncurkan Gambar" pilih opsi "migrasi" untuk ikon. Ini sama sekali tidak masuk akal bagi saya karena saya sudah memiliki semua ikon saya di sana, tetapi itu berhasil! Sayangnya saya sekarang tampaknya memiliki dua salinan ikon peluncur saya di proyek.


Inilah yang saya butuhkan untuk memperbarui proyek yang sangat lama (iOS 3) untuk iOS 11.
Doug Voss

1

Sesuai versi yang diperbarui (Xcode 8.3.3) saya melihat bahwa resolusi di bawah ini diperlukan untuk semua bidang AppIconset.

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

Muncul dengan hdpi, xhdpi, xxhdpi dll. Semoga ini bisa membantu orang lain.

Diedit ke 120x120

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.