jetpack compose4 안드로이드 Jetpack Compose - 4 Jetpack Compose Codelab 노트 Column,Row,Box를 레이아웃을 만들 수 있다. Column과 Row는 LinearLayout와 비슷해 보이고 Box는 RelativeLayout이나 ConstraintLayout과 비슷해 보인다. import androidx.compose.foundation.layout.Column ... @Composable private fun Greeting(name: String) { Surface(color = MaterialTheme.colors.primary) { Column(modifier = Modifier.padding(24.dp)) { Text(text = "Hello,") Text(text = name) } } } Column의 파라미터에도 .. 2022. 4. 12. 안드로이드 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 함수의 파라미터 정보이다. 여러 파라미터를 이용해서 뷰의 속성값을 지정할 수 있는 것.. 2022. 3. 29. 안드로이드 Jetpack Compose - 2 Jetpack Compose Codelab 노트 1. Android Studio 내 Compose Template을 통해 손쉽게 설정된 프로젝트를 생성할 수 있음. build.gradle에서 compose 관련 라이브러리가 추가되어있는 것을 확인할 수 있다. 또한 ui.theme 패키지가 생겼다. Color, Shape, Theme, Type이 있는데 진행하면서 어떤 식으로 쓰이느지 알아봐야겠다. 가장 눈에 띄는 건 layout 폴더 자체가 생성되지 않았다는 점. 2. MainActivity에 setContentView 대신 setContent 함수가 있다. 이 함수를 통해 ui를 설정해주는 것으로 보인다. Codelab 설명으론 Composable 함수는 @Composable Annotation을 통해.. 2022. 3. 22. 안드로이드 Jetpack Compose - 1 안드로이드 Jetpack Compose를 공부해보자. 안드로이드 공식 문서에서는 아래와 같이 나와있다. (https://developer.android.com/jetpack/compose?hl=ko) Jetpack Compose는 네이티브 UI를 빌드하기 위한 Android의 최신 도구 키트입니다. Jetpack Compose는 Android에서 UI 개발을 간소화하고 가속화합니다. 적은 수의 코드, 강력한 도구 및 직관적인 Kotlin API를 사용하여 앱을 빠르고 생동감 있게 구현하세요. UI를 구성하기 위해 XML을 사용하는대신 Jetpack Compose를 이용하여 UI를 그려낼 수 있는 것 같다. 오로지 코틀린으로만 작성을 해도 앱 개발이 가능하다는 뜻이다. 과거에 버튼마다 다른 drawable.. 2022. 3. 4. 이전 1 다음
