Metinde Birden Fazla Stil

Figma, tasarımcıların tek bir öğede birden çok metin stili varyasyonu uygulamasına olanak tanır metin öğesi. Örneğin, paketlenmiş Figma bileşenindeki "Kahverengi" kelimesi aşağıda, çeşitli stiller içeren tek bir metin öğesi gösterilmektedir. tek bir kelime içinde farklı metin boyutları vardır.

Tek bir metin öğesinde karışık metin stilleri

Geçiş, Figma metin katmanındaki alt dizeler. Oluşturulan kaynak kodunda, Compose'un AnnotatedString ve SpanStyle birden çok şeyi temsil etmek için kullanılır stilleri de ekleyeceksiniz.

Desteklenen stiller şunlardır:

  • yazı karakteri
  • metin boyutu
  • yazı tipi genişliği
  • renk
  • harf aralığı
  • italik
  • üstü çizili
  • altı çizili

Oluşturulan Compose kodunda, Relay'in RelayText composable'ı şunlardan birini kabul edebilir: String veya AnnotatedString. Relay, Şu öğede birden fazla stil oluşturulacak AnnotatedString.Builder ve SpanStyle sınıfları: metin. Aşağıdaki kod parçası, "atlama" kelimesi, ardından özel stil içermeyen bir boşluk ve ardından "atlama" kelimesi kalın italik yazılmış "üzerinde".

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")
       }
       ...
   },
   ...
)

Sınırlamalar

ziyaret edin. ziyaret edin.