Jatpack Compose 정보

원래 로컬 응용 프로그램의 엔지니어로 iOS/Android 응용 프로그램을 만들었고 현재는 본업에서 서버 측 엔지니어로 Go 언어 등으로 API를 만들고 있다.
다만, 개인 제작 어플리케이션이기 때문에 요즘 유행하는 Jetpack Compse를 정리해 보려고 합니다.

Jetpack Compose란 무엇입니까?

Jetpack Compose는 2019년 구글 I/O의 Developer Keynote에서 발표된 기술로 Flutter와 iOS의 Swift UI처럼 선언적으로 응용 UI를 구축할 수 있는 도구 패키지입니다.
최근 Fluter와 SwiftUI도 마찬가지지만 View 인코딩이 유행하는 것 같습니다.

샘플 이동 시도

Android Studio4.0 Preview를 다운로드합니다.

먼저 AndroidStudio의 Preview 버전 4.0을 설치하십시오.
너는 우리 집 사이트에서 쉽게 다운로드할 수 있다.여기서 한마디 하자면, AS4.0의 시동 화면이 멋있어요.

Jetpack Compose 예제 선택

샘플 중 익숙하지 않은 Empty Compose Activity를 선택할 수 있기 때문에 선택한 후 프로젝트를 시작합니다.

코드 대충 봐.

이번 샘플 코드는 헬로 안드로이드와 화면에 표시된 샘플 프로그램일 뿐이다.
지금까지의 안드로이드 개발은 xml로 레이아웃을 만들었지만 Jetpack Compose라면 Activity에서 코드로 레이아웃의 구성을 관리하는 것이 좋고 View의 공통화도 쉽다.
MainActivity.kt

package com.example.myapplication

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.Composable
import androidx.ui.core.Text
import androidx.ui.core.setContent
import androidx.ui.material.MaterialTheme
import androidx.ui.tooling.preview.Preview

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MaterialTheme {
                Greeting("Android")
            }
        }
    }
}

@Composable
fun Greeting(name: String) {
    Text(text = "Hello $name!")
}

@Preview
@Composable
fun DefaultPreview() {
    MaterialTheme {
        Greeting("Android")
    }
}

잠깐 쓴 요약.

Android의 정통 구조라면 MVVM이 주류지만 layout 파일과ViewModel의 데이터 연결은 큰 영향을 받는다.