ייצוג הזמן

התפקיד העיקרי של תצוגת שעון הוא להציג את השעה, וב-Watch Face Format אפשר ליצור שעונים אנלוגיים ודיגיטליים באמצעות הרכיבים AnalogClock ו-DigitalClock.

שעונים דיגיטליים

אפשר להגדיר שעון דיגיטלי בסיסי באמצעות הרכיב DigitalClock והרכיב TimeText בתצוגת השעון Scene:

<DigitalClock x="125" y="50" width="200" height="50">
    <TimeText x="0" y="0" width="200" height="50" format="hh:mm">
        <Font family="SYNC_TO_DEVICE" size="16" />
    </TimeText>
</DigitalClock>watchface_clocks.xml

המאפיין format מאפשר לכם לקבוע איך הזמן יוצג באמצעות שילוב של שעות, דקות ושניות. האפשרויות המדויקות משתנות בהתאם לגרסה של Watch Face Format שבה משתמשים. בגרסה 2 יש יותר אפשרויות.

בדוגמה הקודמת, המאפיין Font מוגדר לשימוש בגופן המערכת.

יכול להיות שתרצו לראות את השעה במקומות אחרים בעולם, למשל באמצעות שעון עולמי. אפשר לעשות את זה באמצעות הרכיב Localization:

<DigitalClock x="125" y="100" width="200" height="50">
    <Localization timeZone="Europe/London" />
    <!-- TimeText goes here -->
    <!-- START_EXCLUDE -->
    <TimeText x="0" y="0" width="200" height="50" format="hh:mm">
        <Font family="SYNC_TO_DEVICE" size="16" />
    </TimeText>
    <!-- END_EXCLUDE -->
</DigitalClock>watchface_clocks.xml

שעונים אנלוגיים

כדי ליצור שעון אנלוגי, משתמשים ברכיב AnalogClock. כל אחד מאלמנטי הצאצא HourHand, MinuteHand ו-SecondHand מציין את המשאב שבו צריך להשתמש בעיבוד:

<AnalogClock x="0" y="0" width="450" height="450">
    <HourHand resource="hour" x="220" y="55" width="20" height="190"
        pivotX="0.5" pivotY="0.9210" />
    <MinuteHand resource="minute" x="222" y="30" width="16" height="220"
        pivotX="0.5" pivotY="0.9" />
    <SecondHand resource="second" x="226" y="20" width="8" height="245"
        pivotX="0.5" pivotY="0.8571" />
</AnalogClock>watchface_clocks.xml

ציון נקודת הציר

כל אחד מהמשאבים של השעה, הדקה והשנייה מסתובב ככל שהזמן מתקדם, אבל חשוב לציין את הנקודה הנכונה שסביבה כל אחד מהם צריך להסתובב.

במקרים מסוימים, נקודת הציר לא נמצאת בדיוק בתחתית היד, אלא במרכז האופקי. צריך לציין את הערך <HourHand … pivotY="(pivot_ratio)" />, כאשר:

$$ pivot\_ratio = \frac{pivot\_height}{full\_height} $$

צביעת מחוגי השעון

כדי לאפשר למשתמשים להתאים אישית את המראה של תצוגת השעון, נהוג להגדיר צבע שאפשר לשנות למחוגי השעון.

אפשר לעשות את זה באמצעות הסמל tintColor שמופיע ליד כל יד כדי לצבוע כל יד בנפרד, או באמצעות הסמל AnalogClock כדי לצבוע את כל הידיים באותו צבע.

בנוסף לאפשרות להוסיף גוון לצבעים ספציפיים, אפשר לספק אפשרות הגדרה ל-tintColor כדי לאפשר למשתמש לבחור, למשל, להוסיף tintColor="[CONFIGURATION.handColors.0] לרכיב AnalogClock.

הטלת צללית

כדי ליצור אפקט מציאותי של מחוגים, אפשר להוסיף צל מאחורי כל מחוג כדי ליצור מראה של עומק.

כדי לעשות את זה, משתמשים בשני משאבים מכל סוג של יד בתוך AnalogClock אחד, כשמשאב אחד מוסט מאחורי השני, ומשתמשים במשאב נפרד בשביל היד שמייצגת את הצל.

קישוטים לפנים

לתצוגות שעון אנלוגיות יש לרוב קישוטים מסביב לתצוגה שמראים את השעות או הדקות. יש שתי דרכים לעשות את זה:

כוללים תמונת רקע במסך מלא, שמכילה את פני השעון שציירתם מראש. איך עובדים עם תמונות
```
<PartImage x="0" y="0" width="450" height="450">
    <Image resource="watch_face_dial" />
</PartImage>watchface_clocks.xml
```

תצייר קישוטים נפרדים ותמקם אותם מסביב לפנים באמצעות סיבובים.

<!-- Content for the "12" -->
<Group x="200" y="0" width="50" height="450">
    <PartText x="0" y="0" width="50" height="50">
        <Text>
            <Font family="SYNC_TO_DEVICE" size="16" color="#FF00FF">
                <![CDATA[12]]>
            </Font>
        </Text>
    </PartText>
</Group>
<!-- Content for the "1" -->
<Group x="200" y="0" width="50" height="450" angle="30">
    <PartText x="0" y="0" width="50" height="50">
        <Text>
            <Font family="SYNC_TO_DEVICE" size="16" color="#FF00FF">
                <![CDATA[1]]>
            </Font>
        </Text>
    </PartText>
</Group>
<!-- etc -->watchface_clocks.xml

ייצוג הזמן קל לארגן דפים בעזרת אוספים אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.