본문 바로가기
안드로이드 개발/📚 Compose 공부

#01 안드로이드 Jetpack Compose 시작

by 아이엔 / ienground 2020. 8. 14.

안드로이드 Jetpack Compose를 배워보기로 했다. 그게 이번 방학 목표였는데, Jetpack Compose를 하려면 이제 그냥 안드로이드 스튜디오로는 안 되고 Canary 버전으로 설치를 해야 한다고 한다. 

 

Canary로 설치해서 새 Compose 프로젝트를 해보니까 구조가 이렇게 되어 있었다.

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            AndroidJetpackEx2Theme {
                // A surface container using the 'background' color from the theme
                Surface(color = MaterialTheme.colors.background) {
                    Greeting("Android")
                }
            }
        }
    }
}

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

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    AndroidJetpackEx2Theme {
        Greeting("Android")
    }
}

@Preview는 말 그대로 프리뷰이다.

@Composable에서는 XML

 

Column : 요소들을 세로로 쌓는다. -> Vertical LinearLayout같은 느낌

Container는 Box로 대체되었다고 함.

 

앞으로 위젯들 정리해서 올려야지. 현재 최신 버전은 0.1.0-dev14라는데 아직 개발 버전이라 그런가 뭐가 계속 바뀐다. 얼마 전 문서인데도 하나도 안 맞고 써먹기는 글렀군.

 

'안드로이드 개발 > 📚 Compose 공부' 카테고리의 다른 글

Flutter VS Compose - 01  (0) 2024.08.10
#02 Text - Jetpack Compose 공부  (0) 2020.08.14