안드로이드(Compose)/UI

Button Material 3

이전엔 버튼의 매개변수별 특징을 알아봤다면 이번엔 Material3에서 제시하는 버튼의 종류에 대해 알아보겠습니다. 버튼 기본 매개변수에 대해 모르신다면 이전 글을 보고 오시는 걸 추천드립니다. Button 기본 compose의 기본적인 컴포저블 중 하나입니다. 일반적으로 머티리얼3의 컴포저블를 사용하지만 머티리얼의 컴포저블도 Button에 기반을 둔 컴포저블이 많으므로 알아두고 가는게 좋습니다. 속성 modi huzit.tistory.com 종류 Elevated button Filled button(일반 Button) Filled tonal button Outlined button Text button Icon button Segmented button Floating action button(FAB)..

Button 기본

compose의 기본적인 컴포저블 중 하나입니다.material3를 사용하였으므로 material2와는 다소 다를 수 있습니다.속성modifier수정자입니다. 컴포저블 자체를 꾸미거나 수정할 수 있습니다. (나중에 자세히 다룰 예정입니다)content버튼 내부에 사용할 컴포저블을 받습니다.onClick버튼 클릭 시 해야 할 행동을 수신하는 매개변수입니다.Button( //클릭 시 이벤트 onClick = { Toast.makeText(localContext, "test", Toast.LENGTH_SHORT).show() }) { Text("OnClick")}enabled버튼 활성 비활성 여부를 받는 매개변수입니다.Button( onClick = { /*TODO*/ ..

[Text] Text 패러미터 정리

컴포즈 프로젝트를 생성하면 가장 먼저 만나는 컴포저블인 Text입니다. 기존 안드로이드의 TextView는 수많은 위젯의 부모였지만 컴포즈에선 그냥 단일 함수입니다. 전체 코드 @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, textDecoratio..

Preview

컴포즈를 쓰면 가장 먼저 알아야 할 기능인 Preview입니다. Preview를 통해 레이아웃을 볼 수 있으며 Interactive 기능을 통해 간단한 기능 테스트를 해볼 수 있습니다. xml vs Compose Preview 기존 xml과 다르게 compose는 @Preview 어노테이션을 통해 내가 작성한 레이아웃을 볼 수 있습니다. 기능 말 그대로 작성한 레이아웃을 보여주는 기능을 합니다. 예를 들어 Greeting 컴포저블에 Button을 하나 더 추가하고 실제 휴대폰처럼 보고 싶다면 버튼 컴포저블과 Preview의 showSystemUi를 true 주면 됩니다. @Composable fun Greeting(name: String, modifier: Modifier = Modifier) { Col..