Làm cách nào để đặt biểu tượng cho Ứng dụng Mac trong Xcode?


87

Tôi đã học rất nhiều về cách viết mã Objective-C và thiết kế trong Interface Builder và tôi muốn đặt các biểu tượng cho các chương trình đơn giản của mình.

Tôi đã thêm cùng một JPG vào tất cả các trường kích thước trong Icon Composer và nhận được ICNS, nhưng tôi không thể tìm ra cách thêm nó vào dự án.

Cảm ơn bạn trước.

Câu trả lời:


162

Vì Xcode 4.4 Icon Composer không còn là cách được khuyến nghị để tạo biểu tượng và không còn được bao gồm trong cài đặt tiêu chuẩn của Xcode. Do sự ra đời của máy Mac với màn hình võng mạc, nên hiện nay chúng tôi khuyên bạn nên cung cấp các phiên bản có độ phân giải cao của tất cả đồ họa bao gồm cả biểu tượng ứng dụng.

Để cung cấp cho ứng dụng của bạn một biểu tượng trong Xcode> 4.4, hãy làm như sau:

  1. Tạo thư mục [IconName] .iconset trong Finder

  2. Trong thư mục này, đặt biểu tượng của bạn dưới dạng tệp png. Bạn sẽ cần biểu tượng ở các kích thước 16px, 32px, 64px (chỉ retina), 128px, 256px, 512px và 1024px (chỉ retina)

  3. Các biểu tượng này phải được đặt tên bằng mẫu icon_16x16.png, icon_32x32.png, icon_128x128.png, v.v.

  4. Để hỗ trợ hiển thị võng mạc, bạn cũng phải thêm tệp biểu tượng có độ phân giải gấp đôi, có tên icon_16x16@2x.png (với kích thước 32x32), icon_32x32@2x.png (kích thước 64x64), v.v. lên tới icon_512x512@2x.png (kích thước 1024x1024).

  5. kéo thư mục [IconName] .iconset này vào Xcode (sao chép nếu cần)

  6. trong tệp info.plist, hãy đặt giá trị "CFBundleIconFile" (Icon File as Key) thành [IconName] nhưng không có phần mở rộng .iconset

Chú thích:

  • (hiện tại) không bắt buộc phải cung cấp các biểu tượng @ 2x
  • nó sẽ (thường) cũng hoạt động nếu bạn không cung cấp mọi tệp biểu tượng
  • thư mục bộ biểu tượng không được chứa tệp icon_64x64.png. biểu tượng 64px chỉ dành cho phiên bản retina của icon_32x32

Cập nhật: Cuối cùng thì thư mục .iconset của bạn có 10 mục sau:

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

Hướng dẫn chính thức:

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

Thông tin thêm:

Để chuyển đổi thư mục bộ biểu tượng thành tệp icns, hãy chạy lệnh sau trên thiết bị đầu cuối:

iconutil -c icns [IconName].iconset

trong đó [IconName] sẽ được thay thế bằng tiền tố của thư mục bộ biểu tượng. Bây giờ bạn có một tệp có tên [IconName] .icns. Trong Xcode 4.4, trong Tóm tắt mục tiêu, nhấp chuột phải vào dấu chấm hỏi cho biểu tượng, sau đó chọn tệp icns. Sau đó, bạn sẽ thấy dấu chấm hỏi được thay thế bằng biểu tượng.


Trong một số trường hợp, bộ biểu tượng sẽ không tự động được thêm vào Giai đoạn xây dựng 'Tài nguyên gói sao chép', trong trường hợp đó, bạn cần phải thêm nó vào Giai đoạn xây dựng theo cách thủ công.
Reimund

1
Lưu ý: Xcode 4.4 tự động xác nhận và chuyển đổi thư mục bộ biểu tượng thành tệp icns. Tất cả những gì bạn cần làm là thêm thư mục bộ biểu tượng vào dự án của mình và xây dựng dự án. Tệp icns đã tạo sẽ tự động được thêm vào sản phẩm đã xây dựng.
EsbenB

1
@kadam Bạn nói đúng, đó luôn là trường hợp. Tôi đã sửa đổi một chút câu trả lời để làm cho việc đặt tên biểu tượng võng mạc rõ ràng hơn.
codingBạn bè 1

1
^ ồ, họ không đề cập đến kích thước 64x64 hoặc 1024x1024 trong tài liệu này: developer.apple.com/library/mac/#documentation/… ... do đó, điều này giảm số lượng xuống còn 10!
Chris Allinson

1
@ChrisAllinson Bạn cần các biểu tượng có kích thước 64px và 1024px. Nhưng chúng được đặt tên icon_32x32@2xicon_512x512@2x.png. Tôi đã thêm danh sách tất cả các tên biểu tượng vào câu trả lời để làm rõ điều này.
codingFriend1

32

Kể từ Xcode 7 (không chắc cái này được giới thiệu ban đầu khi nào), bạn có thể sử dụng tệp Assets.xcassets cho các biểu tượng ứng dụng. Tệp này được bao gồm theo mặc định cho các dự án mới.

Đơn giản:

  1. Đi tới cài đặt mục tiêu của bạn và đảm bảo rằng trong Chung , Biểu tượng ứng dụngNguồn được thiết lập để AppIcon .
  2. Thêm tất cả 10 biểu tượng png vào hình ảnh AppIcon của Assets.xcassets.
  3. Xóa dữ liệu có nguồn gốc nếu bạn đã khởi chạy ứng dụng trước đó, nếu không ứng dụng sẽ tiếp tục hiển thị biểu tượng mặc định.
  4. Chạy ứng dụng; bây giờ nó sẽ hiển thị biểu tượng của bạn trong Dock, Application Switcher và bất kỳ nơi nào khác mà nó sẽ xuất hiện.

27

Làm theo các bước sau để thêm biểu tượng ứng dụng vào dự án của bạn. Đây là biểu tượng sẽ được MacOS hiển thị trong thanh tài liệu và hiển thị tab alt.

  • Tạo một tệp tài nguyên .icns biểu tượng
  • Đặt nó vào thư mục "resources / macos"
  • Thêm nó vào nhóm tài nguyên trong dự án xcode
  • Chỉnh sửa tệp Info.plist và thay đổi chuỗi giá trị "CFBundleIconFile" thành "biểu tượng"

Ngoài ra, công cụ img2icns có thể tiện dụng để chuyển đổi hình ảnh thành một biểu tượng.


… Thay đổi chuỗi giá trị "CFBundleIconFile" thành tên tệp .icns của bạn. FTFY
Francis McGrew

Trong Xcode 7, bạn không phải đặt tệp .icns vào một thư mục cụ thể, miễn là nó nằm trong gói. Tôi đã tạo một thư mục / Tài sản và chỉ cần kéo tệp icon.icns vào thư mục trong Xcode. Sau đó, tôi đã chỉnh sửa Info.plist và đặt tệp Icon thành icon.ins. Bạn cũng phải tắt tính năng này để sử dụng Assests trong cài đặt 'Chung' cho Ứng dụng.
gbdavid

7

Các bước thêm biểu tượng ứng dụng vào dự án ca cao của bạn.

  1. Tìm 'Icon Composer' từ tiêu điểm.
  2. Kéo và thả biểu tượng (tên phải giống như imagename.icns) vào các hộp nhất định.
  3. Chọn một hộp và lưu nó.
  4. Kéo và thả hình ảnh đã lưu vào thư mục Tài nguyên của ứng dụng của bạn.
  5. Chọn mục tiêu -> nhấp chuột phải vào tên dự án -> Chọn GetInfo.
  6. Trong Thuộc tính nhập tên của 'Tệp biểu tượng'.
  7. Bây giờ Clean Build và chạy ứng dụng của bạn.

1
6 năm sau, điều này không còn được áp dụng nữa
mix3d

7

Dễ thôi

  1. Sử dụng công cụ tự động (chẳng hạn như IconFly) để tạo ICNS hoặc bộ biểu tượng chính xác với tất cả kích thước cần thiết.

  2. Sau đó kéo và thả ICNS hoặc bộ biểu tượng đã tạo vào Xcode.

  3. trong tệp info.plist, hãy đặt giá trị "CFBundleIconFile" thành [IconName]


3

Xcode 8.2.1

  1. Chuyển đổi .png 👉.icns qua IconMaker

  2. Thêm tệp AwesomeApp.icns vào cùng thư mục với info.plist

  3. Kéo tệp AwesomeApp.icns vào xcode trong cùng thư mục với info.plist

  4. Trong info.plist đặt biểu tượng: thành AwesomeApp.icns


4
Bạn cũng nên chạy lệnh + tùy chọn + shift + K để làm sạch bản dựng. Sau đó xây dựng các ứng dụng một lần nữa và vào biểu tượng nên áp dụng
Luka Kerr

Âm thanh như một sạch sâu! Khởi động lại xcode và máy tính của bạn cũng có thể thực hiện thủ thuật trong một số trường hợp: P Cá nhân tôi không phải dọn dẹp bản dựng trước khi điều này hoạt động. Thx cho mẹo Luka! sử dụng đầy đủ cho những người xem trong tương lai.
eonist

Liên kết @eonist IconMaker đã chết.
jamescampbell

@ jamescampbell Này bạn thể thao cũ. Cập nhật ngay
eonist

0

Bước 1: Lấy tên tệp biểu tượng từ info.plist và đặt thư mục icns (tệp biểu tượng) trong Mã nguồn / thư mục tài nguyên

Bước 2: Và điều tương tự cũng xảy ra với xcode, bạn phải sao chép tất cả hình ảnh từ xcode bằng cách sử dụng copyallframeworks hoặc tệp tài nguyên copyall trong xcode của bạn và xây dựng lại ứng dụng.


@ Asif.Ali Trả lời với các bước.
Rachit kapadia
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.