ডিজিটাল ঘড়ির জন্য, আপনার লক্ষ্য করা উচিত যেখানে সম্ভব DigitalClock
ব্যবহার করা। অন্যান্য সমস্ত পাঠ্য বা ঘড়ির জন্য যা DigitalClock
ব্যবহার করে উপস্থাপন করা যায় না, PartText
হল পাঠ্য-ভিত্তিক রেন্ডারিংয়ের ধারক।
আপনি সার্কুলার বা নিয়মিত টেক্সট দেখাতে চান কিনা তার উপর নির্ভর করে, PartText
একটি Text
বা TextCircular
উপাদান থাকা উচিত।
ফন্ট এবং বিটম্যাপ ফন্টের সাথে কাজ করুন
কাস্টম ফন্ট ব্যবহার করে আপনার ঘড়ির মুখ তার নিজস্ব শৈলীর সাথে আলাদা হতে দেয়।
TimeText
এবং PartText
কন্টেইনার উভয়ের মধ্যেই কাস্টম ফন্ট ব্যবহার করার দুটি উপায় রয়েছে।
Font
উপাদানে একটি কাস্টম ফন্টfamily
নির্দিষ্ট করুন। সাধারণ বিন্যাসের একটি পরিসর সমর্থিত, যা অবশ্যইres/font
স্থাপন করতে হবেউদাহরণস্বরূপ, Google Fonts থেকে Pacifico ফন্ট ব্যবহার করা এবং res/font/pacifico.ttf হিসাবে সম্পদ স্থাপন করা:
<PartText x="0" y="100" width="450" height="250"> <Text align="CENTER"> <Font family="pacifico" size="96">Hello!</Font> </Text> </PartText>
বিকল্পভাবে,
res/drawable
এ বিটম্যাপ ছবি সরবরাহকারী একটিBitmapFont
সংজ্ঞায়িত করুন:<WatchFace width="450" height="450" clipShape="CIRCLE"> <BitmapFonts> <BitmapFont name="myhandwriting"> <Character name="1" resource="digit1" width="50" height="100" /> <Character name="2" resource="digit2" width="50" height="100" /> <Character name="3" resource="digit3" width="50" height="100" /> <Character name="4" resource="digit4" width="50" height="100" /> <!-- ... --> <!-- Treat "12" specially, instead of a 1 followed by a 2--> <Word name="12" resource="digit12" width="80" height="100" /> </BitmapFont> </BitmapFonts> <!-- ... -->
অক্ষরগুলির ক্রমগুলিকে কীভাবে একটি বিশেষ চিকিত্সা দেওয়া যেতে পারে তা নোট করুন। উদাহরণস্বরূপ, যদি "12" কে যোগ করা 1 এবং 2 দিয়ে উপস্থাপন করা হয়, তাহলে এটি একটি Word
উপাদান ব্যবহার করে অর্জন করা যেতে পারে।
সংজ্ঞায়িত ফন্ট ব্যবহার করতে:
<TimeText ... format="hh:mm">
<BitmapFont family="myhandwriting" size="48" color="#ff0000" />
</TimeText>
পাঠ্য প্রভাব
ওয়াচ ফেস ফরম্যাট বেশ কিছু পাঠ্য প্রভাব প্রদান করে যা প্রয়োগ করা যেতে পারে, যেমন OutGlow
এবং Shadow
। এগুলি ব্যবহার করতে, এগুলিকে Font
উপাদানের উপ-এলিমেন্ট হিসাবে প্রয়োগ করুন:
<Font family="pacifico" size="96" color="#e2a0ff">
<OutGlow color="#e8ffb7" radius="30">Hello!</OutGlow>
</Font>
টেমপ্লেট নিয়ে কাজ করুন
স্ট্যাটিক পাঠ্যের পরিবর্তে, আপনাকে ডেটা উত্স বা অভিব্যক্তি থেকে আপনার পাঠ্য তৈরি করতে হতে পারে।
Template
উপাদান আপনাকে এটি করতে দেয়:
<PartText x="100" y="150" width="300" height="120" >
<Text align="CENTER">
<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">
<Template>Day: %s<Parameter expression="[DAY_OF_WEEK_S]" /></Template>
</Font>
</Text>
</PartText>
সম্পদ নিয়ে কাজ করুন
যদি আপনার স্ট্যাটিক টেক্সট এর পরিবর্তে একটি রিসোর্সে সংজ্ঞায়িত করা হয়, যেমন res/values/strings.xml
, তাহলে এটি নিম্নরূপ উল্লেখ করা যেতে পারে:
<PartText x="100" y="150" width="300" height="120" >
<Text align="CENTER">
<!-- greeting defined in res/values/strings.xml -->
<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">greeting</Font>
</Text>
</PartText>
এটি আপনাকে বিভিন্ন রিসোর্স কোয়ালিফায়ার ব্যবহার করে আপনার ঘড়ির মুখ স্থানীয়করণ করতে দেয়।
হ্যান্ডেল ব্যবধান
স্পেসিং এবং পাঠ্য নিয়ে কাজ করার ক্ষেত্রে কিছু চ্যালেঞ্জ হতে পারে:
<!-- greeting defined in res/values/strings.xml -->
<!-- Works correctly: -->
<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">greeting</Font>
<!-- Does not render in the right place because of whitespace -->
<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">
greeting
</Font>
কারণ XML-এ ব্যবধান গুরুত্বপূর্ণ। এই পরিস্থিতি এড়াতে, আপনার Font
বিষয়বস্তু একটি CDATA
উপাদানে মোড়ানো:
<!-- Works correctly -->
<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">
<![CDATA[greeting]]>
</Font>
পাঠ্যকে কেন্দ্রীভূত করার চেষ্টা করার সময় আরেকটি উদাহরণ দেখা যেতে পারে:
<!-- Does not render as expected - leading spaces are a problem -->
<PartText x="100" y="150" width="250" height="120" >
<Text align="CENTER">
<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">
Hello
</Font>
</Text>
</PartText>
<!-- Works correctly -->
<PartText x="100" y="150" width="250" height="120" >
<Text align="CENTER">
<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">
<![CDATA[Hello]]>
</Font>
</Text>
</PartText>
মাল্টিলাইন টেক্সট
মাল্টিলাইন টেক্সট তৈরি করতে, Text
maxLines
অ্যাট্রিবিউট ব্যবহার করুন:
<PartText x="75" y="100" width="300" height="350" >
<Text align="CENTER" maxLines="2">
<Font family="pacifico" size="60" weight="BOLD" color="#ffffff">
<![CDATA[Hello Wear OS world]]>
</Font>
</Text>
</PartText>