Bagaimana cara mengatur ikon untuk Aplikasi Mac di Xcode?

87

Saya telah belajar banyak tentang menulis kode Objective-C dan mendesain di Interface Builder dan saya ingin mengatur ikon untuk program sederhana saya.

Saya menambahkan JPG yang sama ke semua bidang ukuran di Icon Composer dan mendapatkan ICNS, tetapi saya tidak tahu cara menambahkannya ke proyek.

Terima kasih sebelumnya.

kmikael
sumber

Jawaban:

163

Karena Xcode 4.4 Icon Composer bukan lagi cara yang disarankan untuk membuat ikon dan tidak lagi disertakan dalam instalasi standar Xcode. Karena pengenalan Mac dengan tampilan retina, sekarang disarankan untuk menyediakan versi resolusi tinggi dari semua grafik termasuk ikon aplikasi.

Untuk memberi aplikasi Anda ikon di bawah Xcode> 4.4 lakukan hal berikut:

  1. Buat folder [IconName] .iconset di Finder

  2. Di folder ini tempatkan ikon Anda sebagai file png. Anda memerlukan ikon dalam ukuran 16px, 32px, 64px (hanya retina), 128px, 256px, 512px dan 1024px (hanya retina)

  3. Ikon-ikon ini harus diberi nama dengan pola icon_16x16.png, icon_32x32.png, icon_128x128.png dan seterusnya

  4. Untuk mendukung tampilan retina Anda juga harus menambahkan file ikon dengan resolusi ganda, bernama [email protected] (dengan ukuran 32x32), [email protected] (ukuran 64x64) dan seterusnya hingga [email protected] (ukuran 1024x1024).

  5. seret folder [IconName] .iconset ini ke Xcode (salin jika perlu)

  6. di file info.plist tetapkan nilai "CFBundleIconFile" (Icon File as Key) ke [IconName] tetapi tanpa ekstensi .iconset

Anotasi:

  • (saat ini) tidak perlu menyediakan ikon @ 2x
  • ini akan (biasanya) juga berfungsi jika Anda tidak menyediakan setiap file ikon
  • folder iconset tidak boleh berisi file icon_64x64.png. ikon 64px hanya untuk versi retina icon_32x32

Pembaruan: Pada akhirnya folder .iconset Anda memiliki 10 item berikut:

Panduan resmi:

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

Informasi tambahan:

Untuk mengonversi folder iconset ke file icns, jalankan perintah berikut di terminal:

di mana [IconName] harus diganti dengan awalan folder iconset. Anda sekarang memiliki file bernama [IconName] .icns. Di Xcode 4.4, di Ringkasan Target, klik kanan tanda tanya untuk ikon, lalu pilih file icns. Anda kemudian akan melihat tanda tanya diganti dengan ikon.

codingFriend1
sumber
Dalam beberapa kasus, kumpulan ikon tidak secara otomatis ditambahkan ke Fase Build 'Salin Sumber Daya Bundel', dalam hal ini Anda perlu menambahkannya ke Fase Build secara manual.
Reimund
1
Catatan: Xcode 4.4 secara otomatis memvalidasi dan mengubah folder iconset menjadi file icns. Yang perlu Anda lakukan adalah menambahkan folder iconset ke proyek Anda dan membangun proyek. File icns yang dihasilkan ditambahkan secara otomatis ke produk yang dibangun.
EsbenB
1
@kadam Anda benar, itu selalu terjadi. Saya sedikit mengubah jawaban untuk membuat penamaan ikon retina lebih jelas.
codingFriend1
1
^ oh, mereka tidak menyebutkan ukuran 64x64 atau 1024x1024 dalam dokumentasi ini: developer.apple.com/library/mac/#documentation/… ... jadi ini mengurangi jumlahnya menjadi 10!
Chris Allinson
1
@Allinson Anda membutuhkan ikon berukuran 64px dan 1024px. Tapi ini diberi nama icon_32x32@2xdan [email protected]. Saya menambahkan daftar semua nama ikon ke jawaban untuk mengklarifikasi ini.
codingFriend1
32

Mulai Xcode 7 (tidak yakin kapan ini pertama kali diperkenalkan), Anda dapat menggunakan file Assets.xcassets untuk ikon aplikasi. File ini disertakan secara default untuk proyek baru.

Secara sederhana:

  1. Buka pengaturan target Anda dan pastikan bahwa di bawah Umum , Ikon Aplikasi , Sumber diatur ke AppIcon .
  2. Tambahkan semua 10 ikon png ke gambar AppIcon Assets.xcassets Anda.
  3. Hapus data turunan jika Anda telah meluncurkan aplikasi sebelumnya, jika tidak maka akan terus menampilkan ikon default.
  4. Jalankan aplikasi; itu sekarang harus menunjukkan ikon Anda di Dock, Pengalih Aplikasi, dan di mana pun itu akan muncul.
Senseful
sumber
27

Ikuti langkah - langkah berikut untuk menambahkan ikon aplikasi ke proyek Anda. Ini adalah ikon yang akan ditampilkan oleh MacOS di bilah dokumen dan tampilan alt-tab.

  • Buat file sumber daya ikon .icns
  • Letakkan di folder "resource / macos"
  • Tambahkan ke grup sumber daya di proyek xcode
  • Edit file Info.plist dan ubah string nilai "CFBundleIconFile" menjadi "icon"

Juga, alat img2icns bisa berguna untuk mengonversi gambar menjadi ikon.


sumber
… Ubah string nilai "CFBundleIconFile" menjadi nama file .icns Anda. FTFY
Francis McGrew
Di Xcode 7 Anda tidak perlu menempatkan file .icns di folder tertentu, selama itu ada di dalam bundel. Saya membuat folder / Assets dan cukup menyeret file icon.icns ke folder di Xcode. Kemudian saya mengedit Info.plist dan mengatur file Icon ke icon.ins. Anda juga harus menonaktifkan fitur untuk menggunakan Aset dalam pengaturan 'Umum' untuk Aplikasi.
gbdavid
7

Langkah-langkah untuk menambahkan ikon aplikasi ke proyek kakao Anda.

  1. Temukan 'Icon Composer' dari sorotan.
  2. Seret dan jatuhkan ikon (nama harus seperti imagename.icns) di kotak yang diberikan.
  3. Pilih satu kotak dan simpan.
  4. Seret dan jatuhkan gambar yang disimpan di folder Sumber daya aplikasi Anda.
  5. Pilih target -> klik kanan pada nama proyek -> Pilih GetInfo.
  6. Di Properties masukkan nama 'Icon File'.
  7. Sekarang Bersihkan Bangun dan jalankan aplikasi Anda.
Arun
sumber
1
6 tahun kemudian, ini tidak lagi berlaku
mix3d
7

Mudah

  1. Gunakan alat otomatis (seperti IconFly) untuk membuat ICNS atau kumpulan ikon yang benar dengan semua ukuran yang diperlukan.

  2. Kemudian seret dan lepas ICNS atau set ikon yang dibuat ke Xcode.

  3. di file info.plist setel nilai "CFBundleIconFile" ke [IconName]

Alexandr
sumber
3

Xcode 8.2.1

  1. Konversi .png 👉.icns melalui IconMaker

  2. Tambahkan file AwesomeApp.icns di folder yang sama dengan info.plist

  3. Seret file AwesomeApp.icns ke dalam xcode di folder yang sama dengan info.plist

  4. Dalam ikon set info.plist: ke AwesomeApp.icns

eonist
sumber
4
Anda juga harus menjalankan perintah + opsi + shift + K yang membersihkan build. Kemudian buat aplikasi lagi dan ikon harus diterapkan
Luka Kerr
Kedengarannya seperti pembersihan yang dalam! Reboot xcode dan komputer Anda juga dapat melakukan trik dalam beberapa kasus: P Secara pribadi saya tidak perlu membersihkan build sebelum ini berfungsi. Terima kasih atas tipnya Luka! gunakan penuh untuk penonton masa depan.
eonist
Link @eonist IconMaker sudah mati.
jamescampbell
@ jamescampbell Hai olahraga lama. Diperbarui sekarang
eonist
0

Langkah 1: Dapatkan nama iconfile dari info.plist dan tempatkan folder icns (file ikon) di folder SourceCode / resources

Langkah 2: Dan hal yang sama berlaku untuk xcode, Anda harus menyalin semua gambar dari xcode menggunakan copyallframeworks atau menyalin semua file sumber daya di xcode Anda dan membangun aplikasi lagi.

Rachit kapadia
sumber
@ Asif.Ali Jawaban diberikan dengan langkah-langkah.
Rachit kapadia