ফিগমা ডিজাইনারদের একটি একক পাঠ্য উপাদানের মধ্যে একাধিক পাঠ্য শৈলীর বৈচিত্র প্রয়োগ করতে দেয়। উদাহরণস্বরূপ, নীচের প্যাকেজ করা ফিগমা উপাদানে "ব্রাউন" শব্দটি একটি একক পাঠ্য উপাদান যা একটি একক শব্দের মধ্যে বিভিন্ন পাঠ্য আকার সহ বিভিন্ন শৈলী অন্তর্ভুক্ত করে।
![একটি একক পাঠ্য উপাদানে মিশ্র পাঠ্য শৈলী](https://developer.android.com/static/develop/ui/compose/tooling/relay/images/multiple-styles-in-text/mixed-text-styles.png?hl=bn)
রিলে ফিগমা টেক্সট স্তরের মধ্যে সাবস্ট্রিংগুলিতে প্রয়োগ করা একাধিক পাঠ্য শৈলীর ডিজাইন-টু-কোড অনুবাদ সমর্থন করে। জেনারেট করা সোর্স কোডে, কম্পোজের 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")
}
...
},
...
)
সীমাবদ্ধতা
- অসমর্থিত ফিগমা বৈশিষ্ট্য
- অনুচ্ছেদের ব্যবধান
- অনুচ্ছেদ ইন্ডেন্ট
- সংখ্যা স্টাইলিং
- লেটারফর্ম
- শৈলীগত সেট
- স্ট্রাইকথ্রু এবং আন্ডারলাইন
- লাইনের উচ্চতা (সম্পূর্ণ পাঠ্য উপাদানে প্রয়োগ করা হলে এখনও কাজ করে)
- একটি শৈলী সহ পাঠ্য প্যারামিটারে পাস করলে একাধিক শৈলী বাদ দেওয়া হয়
আপনার জন্য প্রস্তাবিত
- দ্রষ্টব্য: জাভাস্ক্রিপ্ট বন্ধ থাকলে লিঙ্ক টেক্সট প্রদর্শিত হয়
- শৈলী পাঠ্য
- ব্যবহারকারীর মিথস্ক্রিয়া সক্ষম করুন
- পরামিতি যোগ করুন