ทำงานกับรูปภาพ

การใช้รูปภาพในหน้าปัดจะช่วยให้หน้าปัดดูมีชีวิตชีวาขึ้นได้จริงๆ ตั้งแต่ รูปภาพพื้นหลังแบบเต็มหน้าจอไปจนถึงรูปภาพรายละเอียดแต่ละรายการเพื่อเพิ่มความน่าสนใจ

วางแหล่งข้อมูลรูปภาพในโฟลเดอร์ res/drawable เช่น res/drawable/face.png แล้วอ้างอิงรูปภาพดังนี้

<PartImage x="0" y="0" width="450" height="450">
    <Image resource="watch_face_dial"/>
</PartImage>watchface_images.xml

องค์ประกอบ PartImage เช่นเดียวกับคอนเทนเนอร์อื่นๆ ในรูปแบบหน้าปัด สามารถแก้ไขได้หลายวิธี รวมถึงการปรับขนาด หมุน แปลง เปลี่ยนสี หรือมาสก์ ดูข้อมูลเพิ่มเติมได้ที่ข้อมูลอ้างอิง PartImage

เปลี่ยนพื้นหลัง

เอฟเฟกต์หนึ่งที่ช่วยเพิ่มความน่าสนใจได้คือการเปลี่ยนพื้นหลังทุกชั่วโมง ซึ่งทำได้โดยใช้แท็ก Images เช่น

<PartImage x="150" y="150" width="150" height="150">
    <Images change="ON_NEXT_HOUR">
        <Image resource="red"/>
        <Image resource="orange"/>
        <Image resource="green"/>
    </Images>
</PartImage>watchface_images.xml