Compose Text

반응형

    [Compose Text] Text에 간격 만들기 : letter spacing, line height

    Text 간격 만들기 Text의 간격은 두가지가 있다. 하나는 글자간 간격이고, 다른 하나는 줄간 간격이다. Compose Text에서는 이러한 간격들을 설정할 수 있는 프로퍼티들을 제공한다. letterSpacing : 글자간 간격을 만드는 옵션 letterSpacing: TextUnit = TextUnit.Unspecified, lineHeight : 줄간 간격을 만드는 옵션 lineHeight: TextUnit = TextUnit.Unspecified 둘 모두 sp값에 해당하는 TextUnit을 인자로 받는다. 아래에서 이 둘이 어떻게 동작하는지 살펴보자. letterSpacing 이용해 글자간 간격 만들기 Text의 letterSpacing 프로퍼티를 이용하여 글자간 간격을 줄 수 있다. lett..

    [Compose Text] 폰트 스타일링 정리 : font size, font style, font weight

    선행지식 [Android Compose Resource] 1. Android Compose에서 FontFamily 만들기. - Text에 Font 적용시키기 [Android Compose Resource] 1. Android Compose에서 FontFamily 만들기. - Text에 Font 적용시키기 FontFamily란? FontFamily란 같은 폰트의 모음으로 같은 폰트에 대해 다양한 스타일(굵기)을 포함하는 번들을 뜻한다. Compose에서 FontFamily 만들기 기존 xml 기반의 안드로에서 리소스 시스템에서는 xml에 kotlinworld.com 폰트 스타일링이란 폰트 스타일링이란 설정된 FontFamily에 대해서 폰트의 사이즈, 스타일(Italic, normal), 굵기(weight..

    [Compose Text] buildAnnotatedString과 withStyle 이용해 Text 스타일링 하기

    buildAnnotatedString이란? buildAnnotatedString은 AnnotatedString 객체를 만드는 inline function이다. inline fun buildAnnotatedString(builder: (Builder).() -> Unit): AnnotatedString = Builder().apply(builder).toAnnotatedString() buildAnnotatedString을 이용해 만들어진 AnnotatedString은 하나의 Text 안에서 여러 스타일을 적용할 수 있도록 하는 정보를 담은 객체로 AnnotatedString 속에는 텍스트의 스타일에 대한 정보를 담은 text, spanStyles, paragraphStyles, annotations 객체..

    [Compose Text] Text color 바꾸고 투명도 설정하기

    선행지식 [Android Compose Resource] Compose 의 Color 객체 살펴보기 Compose Text 색상 바꾸기 Text의 색상을 바꾸기 위해서는 Text의 color 프로퍼티를 사용한다. Color 객체 직접 생성해서 사용하기 Color은 직접 객체를 생성해서 사용할 수 있다. @Preview(showBackground = true, widthDp = 300, heightDp = 300) @Composable fun KotlinWorldText1() { Column(modifier = Modifier.fillMaxSize(), horizontalAlignment = Alignment.CenterHorizontally, verticalArrangement = Arrangement...

반응형