Android Jetpack Compose UI/Compose Text
[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] Text Composable의 프로퍼티에 대해 알아보자
Compose Text 스타일링의 구성 Compose의 Text는 다음 14가지의 속성을 설정할 수 있다. @Composable fun Text( text: String, modifier: Modifier = Modifier, color: Color = Color.Unspecified, fontSize: TextUnit = TextUnit.Unspecified, fontStyle: FontStyle? = null, fontWeight: FontWeight? = null, fontFamily: FontFamily? = null, letterSpacing: TextUnit = TextUnit.Unspecified, textDecoration: TextDecoration? = null, textAlign: T..
[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] softWrap 사용해 자동 줄바꿈 설정하기
softWrap이란? softWrap이란 텍스트의 자동 줄바꿈을 설정하는 파라미터이다. Boolean 값으로 기본 값은 true이다. 따라서 기본 텍스트에서는 자동 줄바꿈이 실행된다. softWrap: Boolean = true softWrap true로 두어 자동 줄바꿈 설정하기 softWrap을 true로 두면 자동 줄바꿈이 실행된다. @Preview(showBackground = true, widthDp = 100, heightDp = 100) @Composable fun KotlinWorldTextSoftWrapTrue() { Column( modifier = Modifier .fillMaxSize() ) { Text( text = "Hello Kotlin", fontSize = 32.sp, so..
[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...