জেটপ্যাক কম্পোজ গ্লিমারে টেক্সট

প্রযোজ্য এক্সআর ডিভাইস
এই নির্দেশিকা আপনাকে এই ধরনের এক্সআর ডিভাইসগুলির জন্য অভিজ্ঞতা তৈরি করতে সাহায্য করে।
এক্সআর ডিভাইসের প্রকারভেদ সম্পর্কে জানুন →
ডিসপ্লে গ্লাস
এক্সআর ডিভাইসের প্রকারভেদ সম্পর্কে জানুন →

Jetpack Compose Glimmer-এর Text কম্পোনেন্টটি আপনাকে কালার, ফন্ট সাইজ, ফন্ট স্টাইল, ফন্ট ওয়েট, ফন্ট ফ্যামিলি, লেটার স্পেসিং এবং টেক্সট অ্যালাইনমেন্টের মতো বিভিন্ন টেক্সট প্রোপার্টি সেট করতে দেয়।

Jetpack Compose Glimmer Text অনন্য, কারণ এটি বুদ্ধিমত্তার সাথে রঙের সামঞ্জস্য পরিচালনা করে। উদাহরণস্বরূপ, যদি কোনো কালার ওভাররাইড নির্দিষ্ট করা না থাকে, তাহলে টেক্সটটি ডিফল্টভাবে তার নিকটতম সারফেসের কন্টেন্ট কালার ব্যবহার করে।

উদাহরণ: একটি বক্সের মধ্যে টেক্সট হেডিং তৈরি করুন 

@Composable
fun TextSample() {
      Text(
      text = "This is a sample heading",
      style = GlimmerTheme.typography.titleLarge )
}

কোড সম্পর্কে মূল বিষয়গুলো

  • যেহেতু কোনো রঙ নির্দিষ্ট করা নেই, তাই এই লেখাটি সবচেয়ে সহজে পাঠযোগ্য রঙ (সাধারণত সাদা) বেছে নেওয়ার জন্য নিকটতম পৃষ্ঠতলটি দেখে নেয়।

আকার নির্ধারণ

জেটপ্যাক কম্পোজ গ্লিমার-এর টাইপোগ্রাফি স্কেল সাধারণ মোবাইল ম্যাটেরিয়াল ডিজাইনের চেয়ে উল্লেখযোগ্যভাবে বড়। TitleLarge এবং BodyLarge মতো স্টাইল দুটিরই স্কেল 30.sp , এবং Caption-এর স্কেল 18.sp

শৈলী আকার (এসপি) ওজন লাইন উচ্চতা

বড়

৩০

৭৫০

৩৬.এসপি

শিরোনামমাঝারি

২৪

৭৫০

২৮.এসপি

শিরোনাম ছোট

২০

৭৫০

২৮.এসপি

শরীর বড়

৩০

৫২০

৩৬.এসপি

বডিমিডিয়াম

২৪

৫২০

৩৬.এসপি

শরীর ছোট

২০

৫২০

২৮.এসপি

ক্যাপশন

১৮

৬৫০

২৪.এসপি

Google Sans Flex ব্যবহার করুন

গুগল স্যান্স ফ্লেক্স হলো এআই গ্লাসের জন্য বিশেষভাবে নির্বাচিত একটি ভ্যারিয়েবল ফন্ট, যা জেটপ্যাক কম্পোজ গ্লিমার-এর অংশ হিসেবে প্রদান করা হয়। ফন্টটির গোলাকার কোণা এবং পরিবর্তনযোগ্য অক্ষ আদর্শ অপটিক্যাল সাইজিং-এর সুযোগ দেয়, যা নিশ্চিত করে যে লেখা এক নজরে দেখার মতো এবং পাঠযোগ্য থাকে। সম্ভব হলে, আপনার অ্যাপ এবং সিস্টেমের মধ্যে ব্যবহারকারীদের জন্য সামঞ্জস্যতা উন্নত করতে, ডিসপ্লে গ্লাসে প্রদর্শিত সমস্ত লেখার জন্য গুগল স্যান্স ফ্লেক্স ব্যবহার করুন।

Google Sans Flex ব্যবহার করতে, আপনার অ্যাপের ডিপেন্ডেন্সিতে glimmer-google-fonts লাইব্রেরিটি যোগ করুন , তারপর GlimmerTheme এ ফন্টটি গ্লোবালি প্রয়োগ করুন: 

@Composable
fun GoogleSansFlexTypographySample() {
    val typography = createGoogleSansFlexTypography()
    GlimmerTheme(typography = typography) {
        Text("Hello World", style = GlimmerTheme.typography.titleLarge)
    }
}