Làm việc với hình ảnh
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Việc sử dụng hình ảnh trong mặt đồng hồ có thể giúp mặt đồng hồ trở nên sống động, từ hình nền toàn màn hình đến hình ảnh chi tiết riêng lẻ để tăng thêm sự thú vị.
Đặt tài nguyên hình ảnh vào thư mục res/drawable
, ví dụ: res/drawable/face.png
, sau đó tham chiếu hình ảnh như sau:
<PartImage x="100" y="100" width="250" height="250">
<Image resource="face"/>
</PartImage>
Phần tử PartImage
, cũng như các vùng chứa khác trong Định dạng mặt đồng hồ, có thể được sửa đổi theo nhiều cách, bao gồm cả việc điều chỉnh theo tỷ lệ, xoay, biến đổi, phủ màu hoặc che.
Hãy xem tài liệu tham khảo PartImage
để biết thêm thông tin.
Thay đổi nền
Một hiệu ứng có thể tạo sự thú vị là thay đổi nền mỗi giờ.
Bạn có thể thực hiện việc này bằng cách sử dụng phần tử Images
, ví dụ:
<PartImage ...>
<Images change="ON_NEXT_HOUR">
<Image resource="background1"/>
<Image resource="background2"/>
...
</Images>
</PartImage>
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-27 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2025-07-27 UTC."],[],[],null,["# Work with images\n\nUsing images in your watch face can really help bring it to life, from a\nfull-screen background image to individual detail images to add interest.\n\nPlace your image resources in the `res/drawable` folder, for example\n`res/drawable/face.png`, and then reference the image as follows: \n\n \u003cPartImage x=\"100\" y=\"100\" width=\"250\" height=\"250\"\u003e\n \u003cImage resource=\"face\"/\u003e\n \u003c/PartImage\u003e\n\nThe `PartImage` element, as with other containers in Watch Face Format,\ncan be modified in\nmany ways, including being scaled, rotated, transformed, tinted, or masked.\nSee the [`PartImage`](/training/wearables/wff/group/part/image/part-image) reference for more information.\n\n### Vary the background\n\nOne effect that can provide interest is to change the background every hour.\nThis can be achieved through the use of the `Images` element, for example: \n\n \u003cPartImage ...\u003e\n \u003cImages change=\"ON_NEXT_HOUR\"\u003e\n \u003cImage resource=\"background1\"/\u003e\n \u003cImage resource=\"background2\"/\u003e\n ...\n \u003c/Images\u003e\n \u003c/PartImage\u003e"]]