![]()
Button의 content와 content padding Button은 Surface 내부에 Row 블록을 가지고 있고, Row에 배치되는 컴포저블인 content를 가지고 있어 내부에 컴포저블을 배치할 수 있도록 해준다. Row의 padding은 Button의 contentPadding 값으로 설정된다. 이번 시간에는 content만을 다룬다. 즉, 이를 시각적으로 표현하면 다음과 같다. *내부 코드는 접은 글을 펼쳐서 확인 가능하다. 더보기 @Composable fun Button( .. contentPadding: PaddingValues = ButtonDefaults.ContentPadding, content: @Composable RowScope.() -> Unit ) { .. Surface(..
![]()
Button의 구성요소 Compose Button은 다음 10가지의 속성을 설정할 수 있다. @Composable fun Button( onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, elevation: ButtonElevation? = ButtonDefaults.elevation(), shape: Shape = MaterialTheme.shapes.small, border: BorderStroke? = null, colors: ButtonColors = Butt..
![]()
Compose에서 지원하는 기본 Button의 종류 Compose에서는 3가지의 기본 Button을 지원한다. Button TextButton OutlinedButton 이 세가지 버튼의 차이는 그림1과 같다. 그림1과 같이 만들려면 다음의 코드를 이용해 만들면 된다. @Composable fun KotlinWorldButton() { Column(horizontalAlignment = Alignment.CenterHorizontally, verticalArrangement = Arrangement.SpaceEvenly) { Button(onClick = {}, modifier = Modifier.wrapContentSize()) { Text(text = "Button KotlinWorld") } Out..
