Zamanı temsil etmelidir.

Kadranın temel işlevi saati göstermektir. Saat Kadranı Formatı, AnalogClock ve DigitalClock öğelerini kullanarak hem analog hem de dijital saatler oluşturmanıza olanak tanır.

Dijital saatler

Kadranınızdaki DigitalClock ve TimeText öğeleri kullanılarak temel bir dijital saat tanımlanabilir 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 özelliği, saat, dakika ve saniye kombinasyonu kullanarak zamanın nasıl gösterileceğini kontrol etmenize olanak tanır. Tam seçenekler, kullanılan Watch Face Format sürümüne göre farklılık gösterir. Sürüm 2, buradaki seçenekleri genişletir.

Önceki örnekte, Font, sistem yazı tipini kullanacak şekilde ayarlanmıştır.

Ayrıca, dünyanın diğer yerlerindeki saatleri göstermek için de faydalı olabilir. Örneğin, dünya saati. Bu, Localization öğesiyle yapılabilir:

<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

Analog saatler

Analog saat oluşturmak için AnalogClock öğesini kullanın. HourHand, MinuteHand ve SecondHand alt öğelerinin her biri, oluşturma işleminde kullanılacak kaynağı belirtir:

<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

Pivot noktasını belirtme

Saat, dakika ve saniye kaynaklarının her biri, zaman ilerledikçe döndürülür. Ancak her birinin hangi nokta etrafında döneceğini doğru şekilde belirtmek önemlidir.

Bazı durumlarda, dönüş noktası elin en altında değildir ve yatay olarak ortalanmıştır. Bu, <HourHand … pivotY="(pivot_ratio)" /> olarak belirtilmelidir. Burada:

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

İbreleri renklendirme

Kullanıcının kadranın görünümünü özelleştirmesine izin vermek için genellikle kol saati ibrelerinin rengi yapılandırılabilir.

Bunu yapmanın bir yolu, her eli ayrı ayrı renklendirmek için ellerin her birindeki tintColor simgesini kullanmak veya tüm elleri aynı renkte renklendirmek için AnalogClock simgesini kullanmaktır.

Kullanıcıların belirli renkleri renklendirmesine olanak tanımanın yanı sıra, kullanıcının seçim yapmasına izin vermek için tintColor öğesine bir yapılandırma seçeneği de sağlayabilirsiniz. Örneğin, AnalogClock öğesine tintColor="[CONFIGURATION.handColors.0] ekleyebilirsiniz.

Gölge

Gerçekçi bir kol saati efekti için her kolun arkasında gölge kullanmak derinlik görünümü verebilir.

Bunu yapmak için tek bir AnalogClock içinde her el türünden iki tane kullanın, birini diğerinin arkasına yerleştirin ve gölgeyi temsil eden el için ayrı bir kaynak kullanın.

Yüz süslemeleri

Analog kadranlarda genellikle saatleri veya dakikaları gösteren süslemeler bulunur. Bunu yapmak için iki yöntem vardır:

  1. Önceden çizilmiş saat yüzünüzü içeren tam ekran bir arka plan resmi ekleyin. Görsellerle çalışma başlıklı makaleyi inceleyin.

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

  2. Ayrı süslemeler çizin ve döndürme işlemini kullanarak bunları yüzün etrafına yerleştirin.

    <!-- 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