Android/Compose

[Compose] Image, Card, State

Compose 전 글에서 포스팅 했던 내용중에 Box태그가 있었다. 이번 글에서는 위와 같은 뷰를 카드 뷰 안에 Box태그를 두개 넣어 image와 하트 아이콘을 넣어보자! setContent { var isFavorite by rememberSaveable{ //remember가 기억을 해주는 형태 mutableStateOf(false) } //이미지 카드를 여러 개 사용하고, 재사용할 수 있음 ImageCard( modifier = Modifier .fillMaxWidth(0.5f) .padding(16.dp), isFavorite = isFavorite ){ favorite -> isFavorite = favorite //값을 갱신함 } } @Composable fun ImageCard( modif..

[Compose] Box, 리스트, LazyColumn

[Box] Compose 기초를 공부하면서 전 게시물에서는 Row와 Column에 대해서 다뤄보았다. 이번 글에서는 layout에서 FrameLayout을 대신하는 Box와, 리스트, 리사이클러뷰를 대체할 수 있는 LazyColumn에 대해 공부해보자! setContent { //안에있는 자식들이 겹쳐서 정렬 FrameLayout 과 비슷함 Box( ){ Text("Hello") //겹쳤기 떄문에 하나로 보임 Text("123455~~~~") } } Box태그를 만들고, 그 안에 Text를 위와 같이 설정했을 때는 글자가 겹쳐보이는 현상이 발생한다. 전 글에서는 Row나, Column태그를 사용하여 글자간의 정렬을 다르게 해주어서 이 문제를 해결하였다. 이번에는 Box안에 또 다른 Box태그를 만들어 아..

[Compose] Jetpack Compose 들어가며

[서론] 요즘 굉장히 핫한 Jetpack Compose에 관심이 생겨 공부를 하기 시작했다. 신기술을 공부할 때면 기존의 코드와 어떤 점이 달라질까? 라는 설렘이 생기기 시작한다. 지금은 Jetpack Compose를 공부하는 시작하는 단계이지만, 나중에 Compose를 자유자제로 다루기 시작할 때면 여태까지 한 프로젝트를 통째로 리팩토링 해보고 싶다. [Why?] 그럼 이제 Jetpack Compose가 무엇이길래 기업에서 Jetpack Compose로 바꾸려고 할까? 먼저 공식문서에 따르면 Jetpack Compose는 SwiftUI, Flutter와 같은 선언형 UI중의 하나입니다. 라고 나와있다. 기존의 Android의 XML으로 작성하는 방식은 특정 상태에 따라 UI가 어떻게 보여질지에 대해 구..