পাঠ্যে একাধিক শৈলী

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

রিলে ফিগমা টেক্সট স্তরের মধ্যে সাবস্ট্রিংগুলিতে প্রয়োগ করা একাধিক পাঠ্য শৈলীর ডিজাইন-টু-কোড অনুবাদ সমর্থন করে। জেনারেট করা সোর্স কোডে, কম্পোজের AnnotatedString এবং SpanStyle টেক্সট স্তরে একাধিক শৈলী উপস্থাপন করতে ব্যবহৃত হয়।

সমর্থিত শৈলী হল:

• টাইপফেস
• পাঠ্য আকার
• ফন্ট ওজন
• রঙ
• অক্ষর ব্যবধান
• তির্যক
• মাধ্যমে আঘাত
• আন্ডারলাইন

জেনারেট করা কম্পোজ কোডে, রিলে এর RelayText কম্পোজেবল String বা AnnotatedString গ্রহণ করতে পারে। রিলে কোটলিন কোড তৈরি করে যা লেখায় একাধিক শৈলী রেন্ডার করতে AnnotatedString.Builder এবং SpanStyle ক্লাস ব্যবহার করে। নীচের কোডের খণ্ডটি দেখায় যে "জাম্পস" শব্দে প্রশস্ত অক্ষর ব্যবধান প্রয়োগ করা হচ্ছে, তারপরে একটি কাস্টম শৈলী ছাড়া একটি স্পেস রয়েছে, তারপরে বোল্ড ইটালিক ভাষায় "ওভার" শব্দটি অনুসরণ করা হয়েছে।

RelayText(
   content = buildAnnotatedString {
       append("The ")
       ...
       withStyle(
           style = SpanStyle(
               letterSpacing = 8.64.sp,
           )
       ) { // AnnotatedString.Builder
           append("jumps")
       }
       append(" ")
       withStyle(
           style = SpanStyle(
               fontFamily = inter,
               fontSize = 32.0.sp,
               fontWeight = FontWeight(700.0.toInt()),
               fontStyle = FontStyle.Italic,
           )
       ) { // AnnotatedString.Builder
           append("over")
       }
       ...
   },
   ...
)

সীমাবদ্ধতা

• অসমর্থিত ফিগমা বৈশিষ্ট্য
  • অনুচ্ছেদের ব্যবধান
  • অনুচ্ছেদ ইন্ডেন্ট
  • সংখ্যা স্টাইলিং
  • লেটারফর্ম
  • শৈলীগত সেট
  • স্ট্রাইকথ্রু এবং আন্ডারলাইন
  • লাইনের উচ্চতা (সম্পূর্ণ পাঠ্য উপাদানে প্রয়োগ করা হলে এখনও কাজ করে)
• একটি শৈলী সহ পাঠ্য প্যারামিটারে পাস করলে একাধিক শৈলী বাদ দেওয়া হয়