ทำงานกับข้อความ

สำหรับนาฬิกาดิจิทัล คุณควรพยายามใช้ DigitalClock เมื่อเป็นไปได้ สำหรับข้อความหรือนาฬิกาอื่นๆ ทั้งหมดที่ไม่สามารถแสดงได้โดยใช้ DigitalClock PartText คือคอนเทนเนอร์สำหรับการแสดงผลแบบข้อความ

PartText ควรมีทั้งองค์ประกอบ Text หรือ TextCircular ทั้งนี้ขึ้นอยู่กับว่าคุณต้องการแสดงข้อความแบบวงกลมหรือแบบปกติ

ทำงานกับแบบอักษรและแบบอักษรบิตแมป

การใช้แบบอักษรที่กำหนดเองจะช่วยให้หน้าปัดโดดเด่นด้วยสไตล์ของตัวเอง

คุณใช้แบบอักษรที่กำหนดเองได้ 2 วิธี ทั้งภายในคอนเทนเนอร์ TimeText และ PartText

ระบุแบบอักษรที่กำหนดเอง family ในองค์ประกอบ Font ระบบรองรับรูปแบบ ทั่วไปหลายรูปแบบ ซึ่งต้องอยู่ใน res/font

ตัวอย่างเช่น การใช้แบบอักษร Pacifico จาก Google Fonts และวาง ชิ้นงานเป็น res/font/pacifico.ttf
```
<PartText x="0" y="50" width="450" height="250">
    <Text align="CENTER">
        <Font family="pacifico" size="96">Hello!</Font>
    </Text>
</PartText>watchface_text.xml
```

หรือกำหนด BitmapFont โดยระบุรูปภาพบิตแมปใน res/drawable ดังนี้

<BitmapFonts>
    <BitmapFont name="myhandwriting">
        <Character name="1" resource="digit1" width="50" height="100" />
        <Character name="2" resource="digit2" width="50" height="100" />
        <Character name="3" resource="digit3" width="50" height="100" />
        <Character name="4" resource="digit4" width="50" height="100" />
        <!-- ... -->
        <!-- Treat "12" specially, instead of a 1 followed by a 2-->
        <Word name="12" resource="digit12" width="80" height="100" />
    </BitmapFont>
</BitmapFonts>watchface_text.xml

โปรดสังเกตว่าลำดับอักขระอาจได้รับการจัดการเป็นพิเศษ เช่น หากต้องการแสดง "12" โดยใช้ 1 และ 2 ที่เชื่อมต่อกัน คุณสามารถทำได้โดยใช้องค์ประกอบ Word

วิธีใช้แบบอักษรที่กำหนด

<DigitalClock x="125" y="120" width="200" height="50">
    <TimeText x="0" y="0" width="200" height="50" format="hh:mm">
        <BitmapFont family="myhandwriting" size="48" color="#FF00FF"/>
    </TimeText>
</DigitalClock>watchface_text.xml

เอฟเฟกต์ข้อความ

รูปแบบหน้าปัดนาฬิกามีเอฟเฟกต์ข้อความหลายแบบที่ใช้ได้ เช่น OutGlow และ Shadow หากต้องการใช้ ให้ใช้เป็นองค์ประกอบย่อยขององค์ประกอบ Font ดังนี้

<Font family="pacifico" size="96" color="#e2a0ff">
    <OutGlow color="#e8ffb7" radius="30">Hello!</OutGlow>
</Font>watchface_text.xml

ทำงานกับเทมเพลต

คุณอาจต้องสร้างข้อความจากแหล่งข้อมูลหรือนิพจน์แทนที่จะใช้ข้อความแบบคงที่

องค์ประกอบ Template ช่วยให้คุณทำสิ่งต่อไปนี้ได้

<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">
    <Template>Day: %s<Parameter expression="[DAY_OF_WEEK_S]" /></Template>
</Font>watchface_text.xml

ทำงานกับทรัพยากร

หากข้อความแบบคงที่กำหนดไว้ในทรัพยากรแทน เช่น ใน res/values/strings.xml คุณจะอ้างอิงได้ดังนี้

<!-- greeting defined in res/values/strings.xml -->
<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">greeting</Font>watchface_text.xml

นอกจากนี้ยังช่วยให้คุณแปลหน้าปัดเป็นภาษาต่างๆ ได้โดยใช้ตัวระบุแหล่งข้อมูลที่แตกต่างกัน

ระยะห่างของแฮนเดิล

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

หากต้องการหลีกเลี่ยงสถานการณ์เหล่านี้ ให้ใส่Fontเนื้อหาCDATAในองค์ประกอบต่อไปนี้

<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">
    <![CDATA[Hello]]>
</Font>watchface_text.xml

ข้อความหลายบรรทัด

หากต้องการสร้างข้อความหลายบรรทัด ให้ใช้แอตทริบิวต์ maxLines ใน Text ดังนี้

<Text align="CENTER" maxLines="2">
    <Font family="pacifico" size="60" weight="BOLD" color="#ffffff">
        <![CDATA[Hello Wear OS world]]>
    </Font>
</Text>watchface_text.xml