ডায়নামিকভাবে এলিমেন্টের চেহারা পরিবর্তন করা

আপনি হয়তো ওয়াচফেসের কিছু অংশ কেমনভাবে দেখানো হবে তা পরিবর্তন করতে চান, যেমন, পজিশন, সাইজ, দৃশ্যমানতা পরিবর্তন করা, প্রায়শই ইনপুট ডেটা সোর্স যেমন দিনের সময় বা অ্যাক্সিলরোমিটারের প্রতিক্রিয়া হিসেবে।

Watch Face Format-এ, এটি Transform এলিমেন্ট ব্যবহার করে অর্জন করা হয়। সব এলিমেন্ট ট্রান্সফর্ম করা যায় না, তবে প্রধান ট্রান্সফর্ম করা যায় এমন এলিমেন্টের মধ্যে এগুলি পড়ে: Group , Part* এলিমেন্ট এবং শেপ ও স্টাইলের মতো ড্রয়িং প্রিমিটিভ।

প্রতিটি এলিমেন্টের যে অ্যাট্রিবিউট ট্রান্সফর্ম করা যায়, তা রেফারেন্স ডকুমেন্টে সেইভাবে চিহ্নিত করা থাকে।

value অ্যাট্রিবিউটে Watch Face Format expression ভাষা ব্যবহার করে ট্রান্সফর্ম নির্দিষ্ট করুন, যার মধ্যে ডেটা সোর্স অন্তর্ভুক্ত থাকতে পারে। 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 আবার আঁকা হয়।

কোনও Transform এলিমেন্ট টার্গেট ভ্যালু পরিবর্তন করলে, এটি কাঙ্ক্ষিত হতে পারে যে এই পরিবর্তনটি কিছু সময় ধরে অ্যানিমেট করা হবে, ভ্যালুতে তাৎক্ষণিক পরিবর্তনের পরিবর্তে, যা বিভ্রান্তিকর হতে পারে। এটি পেতে 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>

অ্যাকসিলরোমিটার ব্যবহার করে ট্রান্সফর্ম করা

Transform এলিমেন্টকে জাইরোস্কোপিক ডেটা সোর্সের সাথে ব্যবহার করে কোনও এলিমেন্টের পজিশন বা স্কেল পরিবর্তন করা গেলেও Watch Face Format এইসব কাজের জন্য আলাদা এলিমেন্ট প্রদান করে: Gyro।ACCELEROMETER_ANGLE_X

এর ফলে আপনি সামগ্রিক ছবিকে আরও সহজ করতে পারেন, এর মধ্যে সময় ভিত্তিক অন্যান্য ট্রান্সফর্মেশন থেকে মুভমেন্ট-ভিত্তিক ট্রান্সফর্মেশনকে আলাদা করা হয়, যা একই এলিমেন্টে প্রয়োগ করা হতে পারে।