Tùy chỉnh biểu tượng ứng dụng

Thư viện ứng dụng Android dành cho ô tô cung cấp một khung mẫu giúp cân bằng nhận diện thương hiệu của ứng dụng bên thứ ba với thiết kế độc đáo của xe bạn. Mặc dù Google đã chuẩn hóa cấu trúc tổng thể vì lý do an toàn, bạn vẫn có thể tùy chỉnh kích thước, hình dạng và tỷ lệ của các biểu tượng ứng dụng để tạo ra trải nghiệm nhất quán.

Bạn có thể chọn xem các biểu tượng ứng dụng có góc bo tròn hay không.

Bạn có thể tùy chỉnh những gì?

Hệ thống biểu tượng trong thư viện là kết quả hợp tác giữa nhà phát triển ứng dụng và bạn, nhà sản xuất ô tô. Nhà phát triển ứng dụng cung cấp các biểu tượng ứng dụng cơ bản, hình ảnh thương hiệu và màu sắc nhấn nhá tùy chỉnh (bao gồm cả các biến thể sáng và tối).

Bạn có thể tùy chỉnh kích thước, hình dạng và tỷ lệ cụ thể của các biểu tượng này để đảm bảo chúng phù hợp với phần cứng và hệ thống thiết kế của bạn.

Dưới đây là một số cách khác nhau để điều chỉnh cách hiển thị biểu tượng trên toàn hệ thống:

1. Kích thước và hình dạng toàn cầu

Bạn xác định kích thước pixel chính xác cho các biểu tượng lớn và nhỏ do thư viện chỉ định. Điều này cho phép bạn điều chỉnh kích thước biểu tượng để đáp ứng các yêu cầu cụ thể về vùng chạm. Bạn cũng có thể tùy chỉnh các vùng chứa, quyết định xem biểu tượng nên xuất hiện trong hình tròn, hình vuông hoặc các hình dạng tùy chỉnh để phù hợp với chủ đề của xe bạn.

2. Điều khiển biểu tượng phương tiện và hệ thống

Bạn cũng có thể tùy chỉnh cách hiển thị của các biểu tượng chức năng cụ thể:

  • Các thao tác tiêu chuẩn: Bạn có thể tùy chỉnh biểu tượng cho các thao tác phát lại tiêu chuẩn (như phát, tạm dừng hoặc dừng) bằng cách sử dụng các lớp phủ tài nguyên thời gian chạy (RRO) nhắm mục tiêu vào thư viện CarMediaCommon .
  • Biểu tượng định dạng nội dung: Bạn phải hiển thị các hình ảnh vector do ứng dụng cung cấp, nhưng bạn có thể chọn sử dụng phiên bản lớn cho các khung nhìn phát lại chính và phiên bản nhỏ cho các khung nhìn phụ như thanh thu nhỏ.
  • Nút chọn ứng dụng: Để sử dụng logo nguồn phương tiện hiện tại cho nút chọn ứng dụng của hệ thống, bạn có thể đặt cờ use_media_source_logo_for_app_selector thành true .
3. Xử lý các biểu tượng của bên thứ ba trong trình khởi chạy

Khi thiết kế lưới ứng dụng hoặc trình khởi chạy, bạn phải hiển thị biểu tượng ứng dụng bất cứ khi nào nội dung ứng dụng đó hiển thị để người lái xe có thể nhận biết nguồn gốc. Mặc dù bạn không thể thay đổi logo của bên thứ ba, nhưng bạn có thể tùy chỉnh hình nền hoặc ô chứa logo để tạo giao diện thống nhất trên toàn bộ trình khởi chạy của mình.

Hướng dẫn thiết kế

Để duy trì trải nghiệm lái xe chất lượng cao, hãy tuân thủ các nguyên tắc sau khi tùy chỉnh biểu tượng:

  • Khả năng hiển thị: Hiển thị rõ ràng biểu tượng ứng dụng trên thanh ứng dụng, tiêu đề ứng dụng hoặc giao diện chọn ứng dụng để giúp người dùng nhận biết nguồn nội dung.
  • Độ tương phản: Duy trì tỷ lệ tương phản tối thiểu 4,5:1 giữa các biểu tượng và nền để dễ đọc.
  • Màu sắc chủ đạo của ứng dụng: Mặc dù bạn có thể điều chỉnh màu sắc mặc định để phù hợp với nội thất, hãy cân nhắc sử dụng màu sắc chủ đạo do ứng dụng cung cấp cho các chỉ báo tiến độ hoặc nút bấm để củng cố nhận diện thương hiệu của họ.
  • Vùng cảm ứng: Hãy đảm bảo tất cả các nút dựa trên biểu tượng đều duy trì kích thước vùng cảm ứng tối thiểu là 76 x 76 dp.