টেক্সট দিয়ে কাজ করুন

ডিজিটাল ঘড়ির জন্য, আপনার লক্ষ্য করা উচিত যেখানে সম্ভব DigitalClock ব্যবহার করা। অন্যান্য সমস্ত পাঠ্য বা ঘড়ির জন্য যা DigitalClock ব্যবহার করে উপস্থাপন করা যায় না, PartText হল পাঠ্য-ভিত্তিক রেন্ডারিংয়ের ধারক।

আপনি সার্কুলার বা নিয়মিত টেক্সট দেখাতে চান কিনা তার উপর নির্ভর করে, PartText একটি Text বা TextCircular উপাদান থাকা উচিত।

ফন্ট এবং বিটম্যাপ ফন্টের সাথে কাজ করুন

কাস্টম ফন্ট ব্যবহার করে আপনার ঘড়ির মুখ তার নিজস্ব শৈলীর সাথে আলাদা হতে দেয়।

TimeText এবং PartText কন্টেইনার উভয়ের মধ্যেই কাস্টম ফন্ট ব্যবহার করার দুটি উপায় রয়েছে।

  1. 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>
    
  2. বিকল্পভাবে, 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>