সময়ের প্রতিনিধিত্ব করুন

একটি ঘড়ির মুখের প্রাথমিক কাজ হল সময় দেখানো এবং ওয়াচ ফেস ফরম্যাট আপনাকে AnalogClock এবং DigitalClock উপাদান ব্যবহার করে এনালগ এবং ডিজিটাল উভয় ঘড়ি তৈরি করতে দেয়।

ডিজিটাল ঘড়ি

আপনার ঘড়ির মুখের Scene মধ্যে DigitalClock এবং TimeText উপাদান ব্যবহার করে একটি মৌলিক ডিজিটাল ঘড়ি সংজ্ঞায়িত করা যেতে পারে:

<DigitalClock x="100" y="100" 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>

format অ্যাট্রিবিউট আপনাকে ঘন্টা, মিনিট এবং সেকেন্ডের সংমিশ্রণ ব্যবহার করে সময়কে কীভাবে উপস্থাপন করা হয় তা নিয়ন্ত্রণ করতে দেয়। ওয়াচ ফেস ফরম্যাট ব্যবহার করা সংস্করণের উপর নির্ভর করে সঠিক বিকল্পগুলি পৃথক হয়; সংস্করণ 2 এখানে বিকল্পগুলি প্রসারিত করে।

পূর্ববর্তী উদাহরণে, ফন্ট সিস্টেম ফন্ট ব্যবহার করার জন্য সেট করা হয়েছে।

এটি বিশ্বের অন্যান্য অবস্থানের জন্য সময় দেখাতেও কার্যকর হতে পারে, উদাহরণস্বরূপ একটি বিশ্ব ঘড়ি । এটি Localization উপাদানের মাধ্যমে অর্জন করা যেতে পারে:

<DigitalClock x="100" y="100" width="200" height="50">
    <Localization timeZone="Europe/London" />
    ...
</DigitalClock>

এনালগ ঘড়ি

একটি এনালগ ঘড়ি তৈরি করতে, AnalogClock উপাদানটি ব্যবহার করুন। HourHand, MinuteHand এবং SecondHand চাইল্ড এলিমেন্টের প্রতিটি রেন্ডারিং-এ ব্যবহার করা উচিত এমন সংস্থান নির্দিষ্ট করে:

<AnalogClock x="0" y="0" width="200" height="200">
    <HourHand resource="hour_hand" ... />
    <MinuteHand resource="minute_hand" />
    <SecondHand resource="second_hand" />
    <!-- Optionally add a Tick or Sweep child element to define SecondHand behavior -->
</AnalogClock>

পিভট পয়েন্ট নির্দিষ্ট করুন

প্রতিটি ঘন্টা, মিনিট এবং সেকেন্ড রিসোর্স সময় অগ্রগতির সাথে সাথে ঘোরানো হয়, তবে সঠিক পয়েন্টটি নির্দিষ্ট করা গুরুত্বপূর্ণ যার চারপাশে প্রতিটি পিভট করা উচিত।

কিছু পরিস্থিতিতে, পিভট পয়েন্টটি হাতের নীচের দিকে থাকে না এবং অনুভূমিকভাবে কেন্দ্রীভূত হয়। এটি <HourHand … pivotY="(pivot_ratio)" /> হিসাবে উল্লেখ করা উচিত যেখানে:

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

ঘড়ির হাতে রঙ করুন

ব্যবহারকারীকে ঘড়ির মুখের চেহারা কাস্টমাইজ করার অনুমতি দেওয়ার জন্য, ঘড়ির হাতের জন্য একটি কনফিগারযোগ্য রঙ থাকা সাধারণ।

এটি অর্জন করার একটি উপায় হ'ল প্রতিটি হাতে tintColor মাধ্যমে প্রতিটি হাতকে আলাদাভাবে রঙ করা, বা AnalogClock এ, সমস্ত হাত একই রঙে আভা দেওয়া।

ব্যবহারকারীদের নির্দিষ্ট রং টিন্ট করতে সক্ষম করার পাশাপাশি, আপনি ব্যবহারকারীকে বেছে নেওয়ার অনুমতি দিতে tintColor এ একটি কনফিগারেশন বিকল্প সরবরাহ করতে পারেন:

<AnalogClock ... tintColor="[CONFIGURATION.handColors.0]" />

ছায়া ফেলুন

বাস্তবসম্মত ঘড়ির হাতের প্রভাবের জন্য, প্রতিটি হাতের পিছনে একটি ড্রপ শ্যাডো ব্যবহার করা গভীরতার চেহারা দিতে পারে। এটি অর্জন করতে, প্রতিটি হাতের ধরন দুটি ব্যবহার করুন, একটির পিছনে একটি অফসেট করে, ছায়ার জন্য একটি পৃথক সংস্থান সরবরাহ করুন:

<!-- Offset the shadow by 5 units in both directions -->
<HourHand resource="hour_hand_shadow" ... x="105" y="105">
<!-- ... -->
<HourHand resource="hour_hand" ... x="100" y="100">

মুখের সাজসজ্জা

অ্যানালগ ঘড়ির মুখে প্রায়ই মুখের চারপাশে সজ্জা থাকে ঘন্টা বা মিনিট দেখায়। এটি অর্জন করার জন্য, দুটি পন্থা রয়েছে:

  1. একটি পূর্ণ-স্ক্রীন ব্যাকগ্রাউন্ড ইমেজ অন্তর্ভুক্ত করুন, যা আপনার পূর্বে আঁকা ঘড়ির মুখ ধারণ করে। ইমেজ সঙ্গে কাজ দেখুন .

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

  2. পৃথক সজ্জা আঁকুন এবং ঘূর্ণন ব্যবহার করে মুখের চারপাশে তাদের অবস্থান করুন।

    <Group ... >
    <!-- Content for the "12" marker -->
</Group>
<Group pivotX="..." pivotY="..." angle="30">
    <!-- Content for the "1" marker -->
</Group>