[Android][Kotlin][Jetpack] Background color 변경 | Full screen 으로 변경 (혼자 앱 개발 #1)

어제 퇴사로 오늘 백수 1일차
그간 하고 싶었던 공부 드디어 하는 중!
매우매우 행복하다 히히

코틀린 이론 공부도 하면서 같이 작은 프로젝트를 개발해보려고 한다. 

 

바로바로 

던리스트 

체크 리스트는 숙제 주는 기분이고 완료 못하면 자존감 하락인데..., 

완료한 것을 적으면서 자존감도 상승하고 좋을 것 같아서 하하! 

 

오늘의 목표는 첫 번째 화면 완료하기 인데, 가능 할지 모르겠다. 

 

코틀린으로만 개발하려고 했는데, 기본 구성이 Compose Jetpack 로 되어 있어서.. 

한 번도 안해봐서 너무너무 어려움 ㅠ_ㅠ 

코틀린 공부 하고 그 다음에 Compose Jetpack 공부하려고 했는데, 이렇게 된거 한 번에 익히는 수 밖에...ㅎㅎ 

그래도 최선을 다해 해보겠어!! 

---

Layout 

일단 이 번에 Figma도 처음 써봐서 굉장히 오래 걸렸다.. 

하지만 결과물은 역시 공대생 ㅋ 

이 화면을 구현해보려고 함!

고수님들에게는 쉬울 것 같다...

 

---

프로젝트 생성

kotlin 프로젝트 생성 후 실행해보니

요렇게 되어 있었다!

배경 먼저 바꿔봐야지~

 

STEP 1. Background Color 변경

나.. Kotlin 개발도 처음.. Compose Jetpack은 더 초면..

배경화면 색 설정부터 막혔다..

그래도 하나하나 기록해보면~

1. 내가 원하는 색 Color.kt에 저장
2. Theme.kt 에서 해당 색으로 배경 색 지정해주면 됨 

// background color change
    val modifiedColorScheme = colorScheme.copy(
        background = HyBackground
    )

    MaterialTheme(
            colorScheme = modifiedColorScheme,
            typography = Typography,
            content = content
    )

 짠! 내가 그렸던 노랑이랑 같은 노랑이가 되었다 :) 

근데 위에 보이는 Status bar 가 보기 싫으네..?

 

STEP 2. FULL SCREEN 으로 설정 변경

기본은 status bar가 보이는 화면으로 되어 있는데, 해당 화면을 status bar가 안보이게 수정하고 싶었음!

왜 방법을 모르겠지.. 기억을 잘 해보니 방법이 생각났다 +_+

themes.xml 에서 하기 소스 추가

<style name="Theme.DoneList" parent="android:Theme.Material.Light.NoActionBar.Fullscreen" />

 

 짠! 이렇게 큰 UI는 된듯 ?

이거까지 정리하니까 너무 힘들다..

나머지 내일해야지.. 하하하

 

한게 없어보이네.. 쩝..

 

ㅏ아아.. 코틀린 공부한 것도 정리해서 올리고 싶었는데...

마음속에 저장하는 것으로.. ㅎ