iOS cách đặt biểu tượng ứng dụng và khởi chạy hình ảnh


170

Làm cách nào để đặt hình ảnh để tôi có thể lưu trữ và xác thực ứng dụng của mình? Màn hình trông như thế này:

nhập mô tả hình ảnh ở đây

Vì vậy, người đầu tiên nói 29pt, nhưng sau đó nó cũng nói 2x. Vì vậy, tôi đặt một 29x29hình ảnh hoặc một 58x58hình ảnh? Và tôi để tất cả những cái khác ở đâu? (Tôi biết rằng có kích thước hơn 29, 4060).

Dù sao, những gì tôi đã cố gắng là tôi kéo một 29x29png vào khe thứ nhất, một 40x40vào thứ hai và một 60x60vào thứ ba và thứ tư. Khi tôi đi đến Product->Archive, tôi nhận được

/ Users / kendon / Documents / iPhone Apps / Sales Tool / Sales Tool / Images.xcassets: Bộ biểu tượng ứng dụng có tên "AppIcon" không có bất kỳ nội dung áp dụng nào.


chọn appicon và trình kiểm tra thuộc tính tap, nó cũng hiển thị kích thước yêu cầu 29x29 cho 1x và 58x58 cho 2x, v.v.
Muhammad Adnan

3
Bạn có thể sử dụng trang web này để tạo tất cả các biểu tượng ứng dụng makoomicon.com
ALI

9
Tại sao chúng ta không thể làm điều này trong chính Xcode? Không có ứng dụng hoặc trang web đặc biệt nào. Chỉ một hình ảnh lớn thôi, sẽ quá dễ dàng phải không. Đây là cách tôi làm trong Unity
tsukimi

Có vẻ như hình ảnh quá gần với các cạnh của nền trắng trong biểu tượng, có cách nào để làm cho hình ảnh nhỏ hơn nhưng giữ nguyên tỷ lệ pixel / pixel được yêu cầu không? Điều này là sau khi sử dụng mak Ứng dụng.com
nenur

Nó không còn được sử dụng trong iOS 13. Nó không dùng nữa.
Manish

Câu trả lời:


211

Cập nhật: Trừ khi bạn thích thay đổi kích thước từng biểu tượng một, hãy xem câu trả lời của Schmoud . Nó chỉ dễ dàng hơn nhiều.

Kích thước biểu tượng

nhập mô tả hình ảnh ở đây

Hình ảnh trên từ Thiết kế cho iOS 9 . Chúng giống nhau cho iOS 10 .

Cách đặt biểu tượng ứng dụng

Bấm Assets.xcassets trong Trình điều hướng dự án và sau đó chọn AppIcon .

nhập mô tả hình ảnh ở đây

Điều này sẽ cung cấp cho bạn một bộ biểu tượng ứng dụng trống.

nhập mô tả hình ảnh ở đây

Bây giờ chỉ cần kéo hình ảnh có kích thước phù hợp (ở định dạng .png) từ Finder vào mỗi chỗ trống trong bộ ứng dụng. Biểu tượng ứng dụng nên được thiết lập ngay bây giờ.

Cách tạo hình ảnh đúng kích cỡ

Hình ảnh ở trên cùng cho biết kích thước pixel cho từng kích thước điểm được yêu cầu trong iOS 9. Tuy nhiên, ngay cả khi tôi không cập nhật câu trả lời này cho các phiên bản iOS trong tương lai, bạn vẫn có thể tìm ra kích thước pixel chính xác bằng cách sử dụng phương pháp dưới đây.

Nhìn vào có bao nhiêu điểm (pt) mỗi ô trống trên tập ảnh trống. Nếu hình ảnh là 1x thì các pixel giống như các điểm. Cho gấp đôi số điểm và gấp ba lần số điểm. Vì vậy, ví dụ, trong ô trống đầu tiên ở trên (29pt 2x), bạn sẽ cần một hình ảnh 58x58 pixel.

Bạn có thể bắt đầu với một hình ảnh 1024x1024 pixel và sau đó thu nhỏ kích thước của nó về kích thước chính xác. Bạn có thể tự làm hoặc cũng có các trang web và tập lệnh để có được kích thước phù hợp. Thực hiện tìm kiếm cho "trình tạo biểu tượng ứng dụng ios" hoặc một cái gì đó tương tự.

Tôi không nghĩ rằng tên quan trọng miễn là bạn hiểu đúng kích thước, nhưng quy ước đặt tên chung như sau:

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

Ra mắt hình ảnh

Mặc dù bạn có thể sử dụng hình ảnh cho màn hình khởi chạy, hãy xem xét sử dụng tệp bảng phân cảnh màn hình khởi chạy. Điều này sẽ thuận tiện thay đổi kích thước cho mọi kích thước và định hướng. Kiểm tra câu trả lời SO này hoặc tài liệu sau đây để được giúp đỡ với điều này.

Tài liệu hữu ích

Hình ảnh Xcode trong bài đăng này được tạo bằng Xcode 7.


Đối với tôi, trong XCode 7.2, XCode không cho phép bạn kéo hình ảnh vào các hộp đó. Bạn có thể giúp tôi với đó?
ahitt6345

1
@ ahitt6345: Tôi đã thử nghiệm lại với Xcode 7.2 và nó vẫn hoạt động. Mở Finder và định vị hình ảnh của bạn trong bất kỳ thư mục nào bạn có chúng. Sau đó kéo chúng vào vị trí đặt biểu tượng ứng dụng chính xác trong Xcode như hình trên. Nếu hình ảnh của bạn ở định dạng sai, thì nó có thể không hoạt động. Sử dụng định dạng .png.
Suragch

Chúng là định dạng .png, tôi đã thử kéo và thả một lần nữa và nó vẫn không hoạt động.
ahitt6345

@ ahitt6345, Xem hướng dẫn bằng video YouTube này . Nó có thể giúp để xem nó được thực hiện trong hành động.
Suragch

Tôi cũng gặp vấn đề khi kéo chúng cho đến khi tôi thay đổi định dạng của png để khớp với vị trí mà tôi đang kéo nó. Đây là với Xcode 8.3
cộc lốc

176

Gần đây tôi đã tìm thấy Ứng dụng này có tên Icon Set Creator trong App Store miễn phí, không có quảng cáo, được cập nhật về các thay đổi mới, thẳng tiến và hoạt động tốt cho mọi kích thước biểu tượng có thể có trong OSX, iOS và WatchOS:

Trong Icon Set Creator:

  1. Kéo hình ảnh của bạn vào chế độ xem
  2. Chọn nền tảng mục tiêu của bạn
  3. Xuất thư mục Icon Set

iconInCreator

Trong XCode:

  1. Điều hướng đến Thư mục Assets.xcassets
  2. Xóa AppIcon hiện có
  3. Nhấp chuột phải -> Nhập Biểu tượng được tạo của bạn dưới dạng AppIcon và bạn đã hoàn tất


1
Điều này hóa ra là một tài sản lớn đối với tôi khi tôi đang vật lộn với việc hiểu hệ thống biểu tượng ứng dụng cho các ứng dụng Doanh nghiệp của mình. Tuy nhiên, điều đáng nói là một chút rõ ràng với cách thức hoạt động của nó là theo thứ tự. Ứng dụng không cho bạn biết cụ thể tên hoặc vị trí lưu ảnh mới được tạo. Đây là một ứng dụng iOS, tôi phải mất một thời gian để nhận ra rằng ứng dụng đã tạo một thư mục có tên 'iOS' và sau đó lưu các hình ảnh ở đó trong một thư mục khác có tên 'Appicon.appiconset.' Khi đã sẵn sàng để nhập vào dự án, đó là thư mục NÀY bạn nên chọn.
Bill Norman

Hoàn toàn tiết kiệm thời gian của tôi ... Tôi đã hoàn thành mọi thứ trong vòng 15 phút
NduJay

22

Để tiết kiệm một chút thời gian:

1) Bạn có thể đánh dấu tất cả hình ảnh biểu tượng ứng dụng của mình trong công cụ tìm và kéo chúng vào danh mục Tài sản của bạn cùng một lúc bằng cách kéo vào một trong các vị trí trống của bộ hình ảnh biểu tượng ứng dụng. Khi bạn giữ lực kéo của mình trên vị trí, một số vị trí khác sẽ được chọn và khi bạn thả tất cả các vị trí đó sẽ được lấp đầy cùng một lúc. Lưu ý rằng điều này hoạt động trong XCode 8 (Tôi chưa thử XCode 7), nhưng trong XCode 9 beta chưa có.

Kéo vào biểu tượng ứng dụng Danh mục hình ảnh tài sản

2) Trang web tài liệu táo "Hỏi đáp kỹ thuật QA1686" có các kích thước trên mỗi khe biểu tượng ứng dụng đã được tính cho bạn trong một hình ảnh đẹp và cũng chứa các quy ước tên hình ảnh chính xác.

Kích thước biểu tượng ứng dụng


11

Các kích thước chính xác như sau:

1)58x58

2)80x80

3)120x120

4)180x180


10

Tôi sử dụng một công cụ có tên Prepo để tạo ra tất cả các kích cỡ hình ảnh phù hợp. Bạn chỉ cần cung cấp cho ứng dụng tệp hình ảnh của bạn và nó sẽ nhổ ra từng tệp cần thiết với một tên thích hợp.

Khi bạn thực hiện việc này, sau đó bạn có thể kéo vào các tệp thích hợp hoặc chỉ cần trỏ đến thư mục đã xuất Prepo của bạn.


Nó không làm các biểu tượng 167x167 cho các Ipad mới nhất
Yernar Amergaliyev 17/2/2017

Nó thực sự tạo ra 167x167 khi bạn xuất hình ảnh. Nó chỉ không hiển thị kích thước đó (và nhiều kích thước khác) trong cửa sổ xem trước
tiguchi

8

Bây giờ một ngày thực sự dễ dàng để thiết lập biểu tượng ứng dụng, chỉ cần truy cập https: // mak Ứng dụng.com, thêm hình ảnh của bạn, họ sẽ gửi cho bạn tất cả kích thước của biểu tượng Ứng dụng (Ngoài ra để xem & itunes), bây giờ, nhấp vào Tài sản .xcassets trong Trình điều hướng dự án và sau đó chọn AppIcon. Bây giờ bạn chỉ cần kéo n thả biểu tượng theo yêu cầu.


5

Trong danh sách bên trái, nhấp chuột phải vào "AppIcon" và nhấp vào "Mở trong công cụ tìm" Một thư mục có tên "AppIcon.appiconset" sẽ mở ra. Dán tất cả các đồ họa với độ phân giải yêu cầu ở đó. Sau khi hoàn thành, tất cả những hình ảnh đó sẽ hiển thị trong cùng màn hình này (một trong ảnh chụp màn hình của bạn). sau đó kéo chúng vào hộp thích hợp. Biểu tượng ứng dụng đã được thêm vào. Quá trình tương tự cho hình ảnh Launch. Khởi chạy hình ảnh thông qua quá trình này được thêm cho iOS 7 trở xuống. Đối với iOS 8, tệp LaunchScreen.xib riêng biệt được tạo theo mặc định.


5

Tôi tìm thấy ứng dụng có tên Iconizer. Bạn có thể tìm thấy kho lưu trữ trên github . Iconizer có thể tạo các biểu tượng ứng dụng cho OS X, iPad, iPhone, CarPlayApple Watch chỉ với một hình ảnh.

Chỉ cần Kéo và Thả biểu tượng của bạn vào Iconizer, chọn các nền tảng bạn cần và liệu bạn có muốn tất cả các nền tảng được tạo vào một danh mục tài sản hay không, sau đó nhấn xuất.

Sau đó, chỉ cần thay thế (xóa và nhập) AppIcon của bạn trong Assets.xcassets


2

Đây là một phần rất khó chịu của XCode. Giống như nhiều người khác, tôi đã lãng phí hàng giờ cho việc này khi tôi chuyển sang phiên bản xcode mới hơn (phiên bản 8). Giải pháp cho tôi là mở các thuộc tính cho dự án của tôi và trong phần "Biểu tượng ứng dụng và khởi chạy hình ảnh", chọn tùy chọn "di chuyển" cho các biểu tượng. Điều này hoàn toàn không có ý nghĩa với tôi vì tôi đã có tất cả các biểu tượng của mình ở đó, nhưng nó đã hoạt động! Thật không may, bây giờ tôi dường như có hai bản sao biểu tượng launcher của mình trong dự án.


Đây là những gì tôi cần để cập nhật một dự án (iOS 3) rất cũ cho iOS 11.
Doug Voss

1

Theo phiên bản cập nhật (Xcode 8.3.3) tôi thấy rằng độ phân giải dưới đây là bắt buộc đối với tất cả các trường của AppIconbộ.

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

Nó đi kèm với hdpi, xhdpi, xxhdpi, vv Hy vọng nó sẽ giúp người khác.

Đã chỉnh sửa thành 120x120

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.