গতিশীলভাবে উপাদান চেহারা পরিবর্তন

আপনি ঘড়ির মুখের কিছু অংশের চেহারা পরিবর্তন করতে চাইতে পারেন, উদাহরণস্বরূপ, অবস্থান, আকার, দৃশ্যমানতা পরিবর্তন করতে পারেন, প্রায়শই দিনের সময় বা অ্যাক্সিলোমিটারের মতো ইনপুট ডেটা উৎসের প্রতিক্রিয়ায়।

ওয়াচ ফেস ফরম্যাটে, Transform এলিমেন্ট ব্যবহারের মাধ্যমে এটি অর্জন করা হয়। সমস্ত এলিমেন্ট রূপান্তর করা যায় না, তবে প্রধান রূপান্তরযোগ্য এলিমেন্টগুলির মধ্যে রয়েছে: Group , Part* এলিমেন্ট এবং আকার এবং শৈলীর মতো অঙ্কন আদিম উপাদান।

প্রতিটি রূপান্তরযোগ্য উপাদানের বৈশিষ্ট্যগুলি রেফারেন্স ডকুমেন্টেশনে সেভাবেই চিহ্নিত করা হয়েছে।

ওয়াচ ফেস ফরম্যাট এক্সপ্রেশন ল্যাঙ্গুয়েজে, value অ্যাট্রিবিউটে ট্রান্সফর্মটি নিজেই নির্দিষ্ট করা থাকে, যার মধ্যে ডেটা সোর্স অন্তর্ভুক্ত থাকতে পারে। target প্যারেন্ট এলিমেন্টে যে অ্যাট্রিবিউটটি পরিবর্তন করা হবে তা নির্দিষ্ট করে।

উদাহরণস্বরূপ, ধাপের অগ্রগতি প্রতিফলিত করার জন্য একটি Arc কোণ পরিবর্তন করতে:

<Arc centerX="225" centerY="225" height="420" width="420" startAngle="0" endAngle="0">
    <Transform target="endAngle" value="[STEP_PERCENT] * 3.6" />
    <Stroke color="#FF00FF" thickness="20" />
</Arc>

STEP_PERCENT পরিবর্তনের সাথে সাথে, endAngle পুনরায় গণনা করা হয় এবং Arc পুনরায় আঁকা হয়।

যখন একটি ট্রান্সফর্ম এলিমেন্ট একটি টার্গেট ভ্যালু পরিবর্তন করে, তখন এই পরিবর্তনটি নির্দিষ্ট সময়ের জন্য অ্যানিমেটেড করা বাঞ্ছনীয়, যা তাৎক্ষণিকভাবে ভ্যালু পরিবর্তনের বিপরীতে, যা বিরক্তিকর হতে পারে। এটি অর্জন করতে Animation এলিমেন্ট ব্যবহার করুন:

<PartDraw x="100" y="150" width="250" height="120" >
    <Ellipse x="0" y="0" width="50" height="50">
        <Fill color="#ff0000" />
        <!-- Red ball with no animated transition -->
        <Transform target="x" value="[SECOND] % 2 == 0 ? 0 : 200"/>
    </Ellipse>
    <Ellipse x="0" y="100" width="50" height="50">
        <Fill color="#00ff00" />
        <!-- Green ball eases between each position -->
        <Transform target="x" value="[SECOND] % 2 == 0 ? 0 : 200">
            <Animation duration="1" interpolation="EASE_IN_OUT" />
        </Transform>
    </Ellipse>
</PartDraw>

অ্যাক্সিলোমিটার ব্যবহার করে রূপান্তরিত হয়

যদিও ACCELEROMETER_ANGLE_X এর মতো জাইরোস্কোপিক ডেটা সোর্স দিয়ে Transform এলিমেন্ট ব্যবহার করে কোনও এলিমেন্টের অবস্থান বা স্কেল পরিবর্তন করা সম্ভব, ওয়াচ ফেস ফর্ম্যাট এগুলির জন্য একটি পৃথক এলিমেন্ট প্রদান করে: Gyro

এটি আপনাকে সামগ্রিক চিত্রটি সরল করতে দেয়, গতি-ভিত্তিক রূপান্তরকে অন্যান্য রূপান্তর যেমন সময়-ভিত্তিক থেকে আলাদা করে, যা একই উপাদানে প্রয়োগ করা যেতে পারে।