앱개발 (3) 썸네일형 리스트형 코틀린 안드로이드 앱 개발(5) Main 화면 디자인 Part 2 (Constraintlayout) 안녕하세요. 오늘은 저번 글에서 만든 Main 화면에서 제목과 아래쪽에 다음 화면으로 넘어갈 버튼을 만들어보도록 하겠습니다. ic_next.png는 제가 ppt로 만든 버튼 이미지입니다. 따로 직접 디자인하셔도 되고 제가 올려드린 파일로 개발을 진행하셔도 상관없을 것 같습니다. 저번 글에서 Main 이미지에 설정해놓은 constraint 설정을 모두 지워주겠습니다. 아래쪽에서 조금씩 설명과 같이 설정을 해보겠습니다. 그다음 제목 폰트 색깔을 정해주려고 하는데 미리 설정을 해놓고 ID로 찾아서 가지고 올수 있는 방법이 있습니다. app -> res -> values -> colors.xml로 가시면 밑에 사진처럼 나올 건데 오른쪽에 이 코드를 추가해 주시면 됩니다. #FFFFFF 저는 흰색으로 설정을 진행.. 코틀린 안드로이드 앱 개발(4) Main 화면 디자인 Part 1 (Vector Asset, Constraintlayout) 안녕하세요. 오늘은 저번 글에서 만든 Main 화면을 디자인해보도록 하겠습니다. 먼저 배경으로 쓸 이미지를 간단하게 만들어 보겠습니다. 저는 PPT에서 작업을 진행했습니다. 먼저 원하는 색깔의 사각형과 원을 만들어 줍니다. 그다음 원을 사각형 가운데에 맞춰서 겹쳐주시고 원의 윤곽선과 채우기 색깔을 흰색으로 해주면 가운데가 동그랗게 비어있는 배경 이미지가 만들어집니다. 그림판으로 파일을 옮겨서 양쪽 끝 쪽을 사각형에 맞춰 자르기를 해주시면 완료입니다. 다른 모양의 배경을 원하시는 분들은 직접 만드셔서 진행하셔도 좋을 것 같습니다. 이제 이 배경 이미지를 프로젝트에 넣어주겠습니다. 넣어주는 방법은 간단하게 이미지 파일을 드래그하여 안드로이드 스튜디오의 디렉터리 중 res -> drawble 폴더에 넣어주시면.. 코틀린 안드로이드 앱 개발(2) Navigation 설정 안녕하세요. 저번 글에 이어서 오늘은 프로젝트에 Navigation이라는 기능을 적용시켜 보려고 합니다. Navigation은 여러 화면의 UI 전환을 쉽게 만들어 주는 라이브러리입니다. 적용 방법을 알아보겠습니다. 1. Google에서 Android Navigation JetPack 을 검색합니다. 들어가시면 이러한 화면이 나옵니다. 저 코드 중 저희가 쓸 Kotlin 2줄과 def nav_version = "2.3.1"을 복사해 줍니다. 복사를 완료하셨으면 다시 프로젝트로 돌아와 왼쪽에 프로젝트 디렉터리 중 Gradle Scripts -> build.gradle(Module:app)으로 가줍니다. 그리고 밑에 dependencies {} 괄호 안에 복사해 준 코드를 붙여 넣어 줍니다. 그리고 오른.. 이전 1 다음
