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

সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।

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

ওয়াচ ফেস ফরম্যাটে, এটি 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" />
  <...>
</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 ।

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