2025/01/03 4

[Compose] Component 알아보기 - BoxWithConstraints

BoxWithConstraints- 부모의 제약 조건을 기반으로 크기를 조정- 부모의 최대, 최소 크기의 정보를 제공 @Composablefun BoxWithConstraintsTest(modifier: Modifier = Modifier) { BoxWithConstraints( modifier = modifier ) { //box scope Text("maxW: $maxWidth minW: $minWidth") }} 선언된 BoxWithConstraintsTest를 사용해서 값을 modifier에 값을 넣어주면 전달된 값이 찍힌다 @Composablefun Greeting() { Column { BoxWithConstraintsTest(Modi..

카테고리 없음 2025.01.03

[Compose] Component 알아보기 - Box, Row, Column

Box Box 자체로 쓰거나 FrameLayout처럼 중첩시킬 때 사용된다 BoxScope내의 확장함수 2개 align, matchParentSize Modifier.alignBox(modifier = Modifier.size(100.dp)) { // Box Scope Box(modifier = Modifier.size(70.dp).background(Color.Black).align(Alignment.CenterStart)) Box(modifier = Modifier.size(70.dp).background(Color.Magenta).align(Alignment.BottomEnd))}  Modifier.matchParentSize()- 자식 컴포넌트 중 가장 큰 크기에 의해 결정- 두번째 b..

카테고리 없음 2025.01.03

[Compose] Component 알아보기 - Surface

surface : - 가장 기본적으로 UI를 구현하는 기반  elevation, border, shape, color 등 설정이 가능하다 contentColor를 설정하지 않으면 color에 따라서 contentColor가 자동으로 설정된다(contentColor가 설정되지 않았다면, 이 Surface는 배경 색상을 테마의 ColorScheme에 정의된 색상에 맞는 ContentColor를 반환한다. 예를 들어, 이 Surface의 색상이 ColorScheme.surface라면, contentColor는 ColorScheme.onSurface로 설정된다) Surface( modifier = Modifier.padding(10.dp), shadowElevation = 10.dp, ..

🤖 Compose 2025.01.03