Thanh tab của iPhone Mục có độ phân giải hình ảnh?

Question

Độ phân giải của hình ảnh cho mục trên thanh tab là gì?

Đồng thời, vui lòng cung cấp một số thông tin hữu ích khác về hình ảnh mục tab đó.

Xin cảm ơn trước.

Answer 1

Các tài liệu nói rằng hình ảnh thanh tab thường là 30x30, nhưng tôi đã tìm thấy rằng kích thước tốt nhất để thiết lập những hình ảnh là pixel 48x32. Kích thước này vẫn hiển thị và cung cấp cho bạn thêm một chút không gian.

Hình ảnh là PNG có độ trong suốt, chỉ sử dụng mặt nạ. Giao diện người dùng hiển thị màu xám mặt nạ khi không được chọn hoặc màu xanh/chrome khi được chọn.

Answer 2

Kiểm tra "UITabBarItem Lớp Reference" trong SDK documentation

Answer 3

http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html

Khi có thể, bạn nên sử dụng các nút hệ thống cung cấp và biểu tượng trong thanh điều hướng, thanh công cụ, và các thanh tab ... Đối với một danh sách đầy đủ các nút tiêu chuẩn và các biểu tượng, và các hướng dẫn về cách để sử dụng chúng, hãy xem “System-Provided Buttons and Icons.”

Tất nhiên, không phải mọi công việc mà ứng dụng của bạn thực hiện đều là tiêu chuẩn. Nếu ứng dụng của bạn hỗ trợ các tác vụ tùy chỉnh mà người dùng cần thực hiện thường xuyên, bạn cần tạo các biểu tượng tùy chỉnh đại diện cho các tác vụ này trong thanh công cụ hoặc thanh điều hướng của bạn. Tương tự, nếu ứng dụng của bạn hiển thị thanh tab cho phép người dùng chuyển đổi giữa các chế độ ứng dụng tùy chỉnh hoặc tập hợp dữ liệu tùy chỉnh, bạn cần thiết kế biểu tượng thanh tab mô tả rõ ràng các chế độ hoặc tập hợp con này. Phần này cung cấp cho bạn một số hướng dẫn về cách thiết kế biểu tượng hoạt động tốt trong thanh điều hướng, thanh công cụ và thanh tab.

Trước khi bạn tạo nghệ thuật cho biểu tượng của mình, bạn cần dành một chút thời gian để suy nghĩ về nội dung cần truyền đạt. Khi bạn xem xét thiết kế, hãy nhắm đến một biểu tượng có nghĩa là:

• Đơn giản và sắp xếp hợp lý. Quá nhiều chi tiết có thể khiến biểu tượng xuất hiện cẩu thả hoặc không thể giải mã được.
• Không dễ nhầm lẫn với một trong các biểu tượng do hệ thống cung cấp. Người dùng sẽ có thể phân biệt biểu tượng tùy chỉnh của bạn từ các biểu tượng chuẩn trong nháy mắt.
• Dễ hiểu và được chấp nhận rộng rãi. Phấn đấu để tạo ra một biểu tượng mà hầu hết người dùng sẽ giải thích chính xác và không có người dùng nào sẽ thấy xúc phạm.

Sau khi bạn đã quyết định về sự xuất hiện của biểu tượng của bạn, hãy làm theo những hướng dẫn này khi bạn tạo nó:

• Sử dụng định dạng PNG.
• Sử dụng màu trắng tinh khiết với alpha thích hợp.
• Không bao gồm bóng đổ.
• Sử dụng tính năng chống răng cưa.
• Nếu bạn quyết định thêm một góc xiên, hãy chắc chắn rằng nó là 90 ° (để giúp bạn thực hiện điều này, hãy tưởng tượng một nguồn ánh sáng được đặt ở phía trên cùng của biểu tượng).
• Đối với các biểu tượng trên thanh công cụ và thanh điều hướng, hãy tạo biểu tượng có kích thước khoảng 20 x 20 pixel.
• Đối với biểu tượng thanh tab, hãy tạo biểu tượng có kích thước khoảng 30 x 30 pixel ...

Answer 4

Tuyên bố này là về mặt kỹ thuật không chính xác:

"... chỉ mặt nạ được sử dụng Giao diện ám xám mặt nạ khi không được chọn hoặc xanh/chrome khi được chọn ..."

Bạn không cung cấp bất kỳ loại mặt nạ nào. Thay vào đó, hình ảnh tab chỉ đơn giản là một hình ảnh đơn sắc .png, còn gọi là chỉ 1 màu được sử dụng.

Nếu bạn cung cấp hình ảnh màu, UIKit sẽ định lượng nó thành hình ảnh đơn sắc. Trong trường hợp xấu nhất, hình ảnh màu sẽ là ~ 8000 byte, đó là một sự lãng phí ~ 6k (võng mạc). Định dạng tệp phải là .png 24 bit với độ trong suốt để lượng tử hóa hoạt động đúng. Mặc dù đây là định dạng tệp màu, không sử dụng màu hoặc bạn đang lãng phí dung lượng.

Điểm mấu chốt là phải có kích thước phù hợp, với hiệu suất và sử dụng bộ nhớ tốt nhất, sử dụng một trong những:

hiển thị chuẩn
    48x32 PNG, 24-bit với tính minh bạch (nhưng chỉ sử dụng 1 màu). Kích cỡ chữ xấu nhất ~ 500 byte.
    30x30 .PNG, 24 bit với độ trong suốt (nhưng chỉ sử dụng 1 màu). Kích cỡ chữ xấu nhất ~ 350 byte.

Retina hiển thị
    60x60 PNG, 24-bit với tính minh bạch (nhưng chỉ sử dụng 1 màu). Kích cỡ chữ xấu nhất ~ 2000 byte.