Thiết kế mặt đồng hồ

Mặt đồng hồ tuỳ chỉnh tận dụng canvas động, kỹ thuật số có thể bao gồm màu sắc, ảnh động và thông tin theo ngữ cảnh.

Tạo mặt đồng hồ cho Wear OS liên quan đến việc hiển thị thời gian một cách rõ ràng, giống như cách bạn làm với mặt đồng hồ truyền thống. Thiết bị Wear cung cấp các tính năng nâng cao cho mặt đồng hồ mà bạn có thể tận dụng trong thiết kế của mình, chẳng hạn như tính năng màu sắc sống động, nền động, ảnh động và tích hợp dữ liệu. Tuy nhiên, cũng có nhiều yếu tố thiết kế cần được cân nhắc.

Để thiết kế mặt đồng hồ mà không cần lập trình, hãy xem phần Watch Face Studio.

Để bắt đầu thiết kế mặt đồng hồ, hãy xem lại các ví dụ khác về mặt đồng hồ. Tải ứng dụng đồng hành Wear OS xuống để duyệt xem nhiều mặt đồng hồ.

Lên kế hoạch triển khai mặt đồng hồ

Sau khi hoàn thiện thiết kế cho mặt đồng hồ, bạn cần xác định cách lấy dữ liệu cần thiết và vẽ mặt đồng hồ trên thiết bị đeo. Hầu hết các cách triển khai bao gồm những thành phần sau:

  • Một hoặc nhiều hình nền.
  • Mã xử lý ứng dụng truy xuất dữ liệu cần thiết.
  • Mã xử lý ứng dụng vẽ văn bản và hình dạng lên các hình nền.

Ứng dụng thường hiển thị các hình nền khác nhau cho chế độ tương tác và chế độ môi trường xung quanh. Có thể khó tạo một hình ảnh đẹp cho chế độ môi trường xung quanh. Do đó, nền của chế độ môi trường xung quanh thường có màu đen hoặc xám hoàn toàn mà không có hình ảnh.

Hình nền cho thiết bị Wear có mật độ màn hình HDPI phải có kích thước là 320 x 320 pixel. Các góc của hình nền sẽ không hiện trên các thiết bị hình tròn. Trong mã, bạn có thể phát hiện kích thước màn hình thiết bị và giảm kích thước hình nền nếu thiết bị có độ phân giải thấp hơn hình ảnh của bạn. Để cải thiện hiệu suất, hãy chỉ điều chỉnh tỷ lệ hình nền một lần và lưu trữ bitmap kết quả.

Chạy mã xử lý ứng dụng để truy xuất dữ liệu bối cảnh chỉ khi được yêu cầu và lưu trữ kết quả để sử dụng lại dữ liệu mỗi khi bạn vẽ mặt đồng hồ. Ví dụ: bạn không cần tìm nạp thông tin cập nhật về thời tiết mỗi phút.

Giữ mã xử lý ứng dụng vẽ mặt đồng hồ của bạn ở chế độ môi trường xung quanh tương đối đơn giản để tăng thời lượng pin. Bạn thường vẽ đường viền các hình dạng bằng một nhóm màu giới hạn trong chế độ này. Ở chế độ tương tác, bạn có thể sử dụng màu đầy đủ, các hình dạng phức tạp, độ dốc và ảnh động để vẽ mặt đồng hồ của mình.

Các bài học còn lại trong lớp học này sẽ hướng dẫn bạn cách triển khai mặt đồng hồ một cách chi tiết.

Hãy tham khảo các tài nguyên liên quan sau: