Jetpack Compose로 개발하는 Android UI - 1장

boring-km·2023년 2월 8일
1
post-thumbnail

01장 Compose App 첫 빌드

환영 인사 나타내기

  • xml에 있는 ui가 아닌 compose.material3에 있는 UI 객체 사용한다.
  • compose.ui.res.stringResource() 사용해서 strings.xml의 값 참조한다.

열, 텍스트 필드, 버튼 사용

  • Row(): 가로로 UI 배치한다.
  • Modifier(변경자): Composable 함수의 외형과 행위에 영향을 준다. -> 3장에 이어서
  • padding: 원하는 dp(density-independent pixels) 만큼 공간 생성
  • MutableState: 변경할 수 있는 값, MutableState 타입의 값을 변경하면 컴포저블 함수는 다시 그려지거나 다시 채색된다.

인사말 출력

  • mutableStateOf: 변경될 수 있는 상태 값 생성
  • remember: 변경될 수 있는 상태를 기록(기억)
  • Column(): 세로로 UI 배치한다.

Preview 사용

  • preview group 설정 가능
  • showSystemUi 사용해 시스템 UI 프리뷰에 표현 가능

컴포저블 함수

  • 컴포저블 함수는 클래스의 일부가 될 필요가 없다.
  • 가능하다면 최상위 함수로 구현해야 한다.
  • Jetpack Compose는 Context에 접근할 수 있는 대체 수단을 제공한다.
profile
열등감에 몸부림치는 중입니다.

0개의 댓글