안드로이드 Jetpack Compose - 3

Jetpack Compose Codelab 노트

1. backgroundColor를 지정하기 위해선 Surface를 사용해야 한다. Surface의 파라미터를 통해 색깔을 지정할 수 있다. 

modifier: Modifier = Modifier,
shape: Shape = RectangleShape,
color: Color = MaterialTheme.colors.surface,
contentColor: Color = contentColorFor(color),
border: BorderStroke? = null,
elevation: Dp = 0.dp,
content: @Composable () -> Unit

Surface 함수의 파라미터 정보이다. 여러 파라미터를 이용해서 뷰의 속성값을 지정할 수 있는 것으로 보인다. 설명에는 Material를 이용하면 따로 지정해주지 않아도 적절한 글씨 색깔을 골라준다고 되어있다. 

https://developer.android.com/jetpack/compose/themes/material#content-color

Compose의 머티리얼 테마 설정  |  Jetpack Compose  |  Android Developers

primary 색상을 지정하여 그에 어울리는 패턴을 사용하여 적절한 색상을 골라주는 것을 보인다. Modifier는 Surface나 Text 와 같은 UI 요소들에서 사용가능한 파라미터로 확인 가능한데 Modifier를 이용하여 UI 요소들을 어떻게 보여주고 위치시킬지 정해줄 수 있는 것으로 보인다.

 

2. UI에 추가할 components들이 많을수록 각 부분은 독립적으로 작은 하나의 부분으로 만들어서 재사용성을 높이는 것이 중요하다. 만약 한 Composable에 Surface에 Text까지 들어가있으면 Text 부분을 재사용할 수 없기 때문이다. 

https://developer.android.com/codelabs/jetpack-compose-basics#4

Jetpack Compose basics  |  Android Developers