개발 독학 일기

SurfaceComposable의 컨테이너다른 컨테이너 (Row, Box 등)과 다르게 배치 방법이 아닌 디자인 효과를 나타낼 수 있음 Surface 매개변수1. modifier: Modifier [Kotlin] 코틀린 JetPack Compose ModifierModifierJetpack Compose에서 사용하는 메서드Text, Box같은 Compose 기본 컴포저블 함수에 기본적으로 modifier 파라미터를 가지고 있음UI 요소를 다루기 위한 도구로 XML보다 편리하게 사용 가능 Text( text = "Clmyhappycoding.tistory.com 2. shape: Shape컨테이너의 모양 정의CircleShape : 원형 RectangleShape : 사각형RoundedCornerShap..

[Kotlin] 코틀린 JetPack Compose - Column[Kotlin] 코틀린 Compose - RowText와 같은 UI요소들을 그냥 적용하면 요소들끼리 겹치고, 배치를 맞추기 힘듦Row, Column, Box 등으로 레이아웃을 지정할 수 있음UI요소들을 레이아웃 안에 넣어 사용@Composablmyhappycoding.tistory.com Box여러 UI요소들을 겹쳐서 놓을 수 있는 레이아웃아래 버튼을 만들거나 할때 유용요소가 겹칠때 기본적으로 Box안에서 아래로 있을수록 화면 위로 올라옴 Box의 매개변수1. modifier: Modifier = Modifier [Kotlin] 코틀린 JetPack Compose ModifierModifierJetpack Compose에서 사용하는 메서드..

[Kotlin] 코틀린 Compose - RowText와 같은 UI요소들을 그냥 적용하면 요소들끼리 겹치고, 배치를 맞추기 힘듦Row, Column, Box 등으로 레이아웃을 지정할 수 있음UI요소들을 레이아웃 안에 넣어 사용@Composablefun TestView(){ Column() { textmyhappycoding.tistory.com Column화면에 UI요소들을 수직으로 배치하기 위한 레이아웃Row와 마찬가지로 4개의 매개변수를 가지고, 각각 기본값이 있음 1. modifier: Modifier = Modifier [Kotlin] 코틀린 Compose ModifierModifierJetpack Compose에서 사용하는 메서드Text, Box같은 Compose 기본 컴포저블 함수에 기본적으로..

Text와 같은 UI요소들을 그냥 적용하면 요소들끼리 겹치고, 배치를 맞추기 힘듦Row, Column, Box 등으로 레이아웃을 지정할 수 있음UI요소들을 레이아웃 안에 넣어 사용@Composablefun TestView(){ Column() { text1() text2() }} Row화면에 수평으로 배치하기 위한 레이아웃4개의 매개변수를 가짐 (각각 기본값이 존재) 1. modifier : Modifier = Modifier [Kotlin] 코틀린 Compose ModifierModifierJetpack Compose에서 사용하는 메서드Text, Box같은 Compose 기본 컴포저블 함수에 기본적으로 modifier 파라미터를 가지고 있음UI 요소를 다루기 위한 도..

ModifierJetpack Compose에서 사용하는 메서드Text, Box같은 Compose 기본 컴포저블 함수에 기본적으로 modifier 파라미터를 가지고 있음UI 요소를 다루기 위한 도구로 XML보다 편리하게 사용 가능 Text( text = "Click me!", modifier = Modifier .padding(16.dp) // 16dp만큼 패딩을 줌 .background(Color.Yellow) // 배경을 노란색으로 .clickable { println("Clicked!") } // 클릭이벤트 설정) 위와 같이 Text함수의 modifier 파라미터에 전달하면 됨.을 여러번 사용하여 여러 속성을 한번에 다루는 체이닝 방식을 사용 기본적으..