এই পৃষ্ঠাটি Cloud Translation API অনুবাদ করেছে।

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

একটি ওয়াচফেসের প্রাথমিক কাজ হল সময় দেখানো, এবং ওয়াচফেস ফর্ম্যাট আপনাকে 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 অ্যাট্রিবিউট আপনাকে ঘন্টা, মিনিট এবং সেকেন্ডের সংমিশ্রণ ব্যবহার করে সময় কীভাবে উপস্থাপন করা হবে তা নিয়ন্ত্রণ করতে দেয়। ওয়াচ ফেস ফর্ম্যাটের ব্যবহৃত সংস্করণের উপর নির্ভর করে সঠিক বিকল্পগুলি ভিন্ন হয়; সংস্করণ 2 এখানে বিকল্পগুলি প্রসারিত করে।

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

বিশ্বের অন্যান্য স্থানের সময় দেখানোও কার্যকর হতে পারে, উদাহরণস্বরূপ একটি বিশ্ব ঘড়ি । এটি 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 এ একটি কনফিগারেশন বিকল্প সরবরাহ করতে পারেন যাতে ব্যবহারকারীরা বেছে নিতে পারেন, উদাহরণস্বরূপ, AnalogClock উপাদানে tintColor="[CONFIGURATION.handColors.0] যোগ করা।

ড্রপ শ্যাডো

বাস্তবসম্মত ওয়াচহ্যান্ড এফেক্টের জন্য, প্রতিটি হাতের পিছনে একটি ড্রপ শ্যাডো ব্যবহার করলে গভীরতার আভাস পাওয়া যেতে পারে।

এটি অর্জনের জন্য, একটি 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