분류 전체보기 (22) 썸네일형 리스트형 코틀린 안드로이드 앱 개발(5) Main 화면 디자인 Part 2 (Constraintlayout) 안녕하세요. 오늘은 저번 글에서 만든 Main 화면에서 제목과 아래쪽에 다음 화면으로 넘어갈 버튼을 만들어보도록 하겠습니다. ic_next.png는 제가 ppt로 만든 버튼 이미지입니다. 따로 직접 디자인하셔도 되고 제가 올려드린 파일로 개발을 진행하셔도 상관없을 것 같습니다. 저번 글에서 Main 이미지에 설정해놓은 constraint 설정을 모두 지워주겠습니다. 아래쪽에서 조금씩 설명과 같이 설정을 해보겠습니다. 그다음 제목 폰트 색깔을 정해주려고 하는데 미리 설정을 해놓고 ID로 찾아서 가지고 올수 있는 방법이 있습니다. app -> res -> values -> colors.xml로 가시면 밑에 사진처럼 나올 건데 오른쪽에 이 코드를 추가해 주시면 됩니다. #FFFFFF 저는 흰색으로 설정을 진행.. 비주얼 스튜디오 코드(Visual Studio Code) -초간단 한글 설정 안녕하세요. Visual Studio Code 간단하게 비주얼 코드라 부르겠습니다. 비주얼 코드에 한글을 적용해보겠습니다. 정말 간단하니 쉽게 적용하실 수 있을 것입니다. 비주얼 코드를 실행해주세요. 1. 왼쪽에 테트리스 모양의 아이콘을 클릭해주세요. 2. 검색란에 Korea를 적어주세요 3. 오른쪽 install을 눌러주시면 됩니다. 그러면 오른쪽 아래에 이런 모양의 문구가 뜨면서 Restart Now 버튼이 생성되시는걸 확인하실 수 있습니다. 버튼을 눌러서 비주얼 코드를 재시작하면 끝입니다. ㅎㅎ 정말 쉽죠? 한글이 잘 적용된 것 같습니다. 끝! 코틀린 안드로이드 앱 개발(4) Main 화면 디자인 Part 1 (Vector Asset, Constraintlayout) 안녕하세요. 오늘은 저번 글에서 만든 Main 화면을 디자인해보도록 하겠습니다. 먼저 배경으로 쓸 이미지를 간단하게 만들어 보겠습니다. 저는 PPT에서 작업을 진행했습니다. 먼저 원하는 색깔의 사각형과 원을 만들어 줍니다. 그다음 원을 사각형 가운데에 맞춰서 겹쳐주시고 원의 윤곽선과 채우기 색깔을 흰색으로 해주면 가운데가 동그랗게 비어있는 배경 이미지가 만들어집니다. 그림판으로 파일을 옮겨서 양쪽 끝 쪽을 사각형에 맞춰 자르기를 해주시면 완료입니다. 다른 모양의 배경을 원하시는 분들은 직접 만드셔서 진행하셔도 좋을 것 같습니다. 이제 이 배경 이미지를 프로젝트에 넣어주겠습니다. 넣어주는 방법은 간단하게 이미지 파일을 드래그하여 안드로이드 스튜디오의 디렉터리 중 res -> drawble 폴더에 넣어주시면.. 코틀린 안드로이드 앱 개발(3) Main 화면 설정 (Fragment, Constraintlayout) 안녕하세요. 오늘은 저희 프로그램의 Main 화면을 만들어보도록 하겠습니다. 화면을 제작하기에 앞서 지난 글에서 설정한 nav_graph를 Main화면에서 Host로 설정해주고 Fragment로 설정을 해주는 작업을 진행하겠습니다. Fragment는 Activity 내에 생성되는, UI 구성을 여러 개의 모듈 단위로 작성할 수 있도록 해주는 기능입니다. 또한 한번 작성된 Fragment는 여러 Activity에서 재사용이 가능하므로 UI 구성에 소요되는 작업량을 많은 부분 감소시킬 수 있습니다. res -> layout -> activity_main.xml 로 가서 기존에 있던 TextView를 제거해주고 그자리에 fragment 코드를 넣어줍니다. 이 코드는 아래 링크로 가셔서 내리시다보면 보실수 있습.. 코틀린 안드로이드 앱 개발(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) 개발 환경 설치 안녕하세요. 오늘부터 조금씩이지만 안드로이드 앱을 개발해 보려 합니다. 개발과정을 같이 공유하면서 이쁘게 코드를 짤 수 있는 조언을 듣거나 저와 같이 앱을 개발해보려고 하시는 분들에게 조금이나마 가이드라인을 잡아드리고 싶어서 글을 쓰게 되었습니다. 저는 자바 또는 코틀린을 배워본 적이 없어 조금씩 공부를 하면서 글을 쓸려고 합니다. 설명이 부족할 수 있겠지만 너그러운 마음으로봐주시면 감사하겠습니다. 1. 먼저 안드로이드 개발을 위한 안드로이드 스튜디오를 설치해보겠습니다. 아래 링크로 들어가시면 안드로이드 스튜디오를 설치하실 수 있습니다. --------------------------> https://developer.android.com/studio 들어가시면 가운데 DOWNLOAD ANDROI.. 이전 1 2 3 다음
