1장 Compose App 첫 빌드
2023-02-05 00:00:00
# jetpack-compose-study
환영 인사 나타내기
- 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에 접근할 수 있는 대체 수단을 제공한다.