본문 바로가기

안드로이드앱 코딩_AndroidApp/안드로이드 스튜디오

첫 프로젝트 만들기_07_Constraint 제약 컨스트레인트(제약) 앞 글에서 편집 화면에 추가한 버튼의 위치가 가상화면의 스크린에는 다른 위치에 나타났다. 이번에는 이 문제를 수정해 본다. 버튼을 클릭한 후 오른쪽 속성창을 보면 Constraint Widget(제약 위젯)에 현재 아무런 제약이 없는 상태를 나타낸다. Constraint(제약)은 View(뷰: 화면에 등록한 것)를 어디에 배치할 것인지 또는 다른 View들과는 어떤 상태로 할 것인지 등을 나타내는 말이다. 버튼을 선택하면 상하좌우에 동그라미가 나타난다. 이 동그라미를 사용해서 제약을 만들 수 있다. 마우스 포인터를 버튼의 위쪽 동그라미를 클릭한 상태로 위쪽으로 이동하여 textView 아래쪽 동그라미에 연결시켜보자. textView에 붙는다. 오른쪽 속성창도 모양이 바뀌었다. Text.. 더보기
첫 프로젝트 만들기_06_button 버튼 넣기 버튼 만드는 방법 지금까지는 프로젝트를 만드는데 필요한 기본적인 내용을 살펴보았다. 이번 글 부터 본격적으로 첫 프로젝트에 필요한 내용을 만들어 볼것이다. 이번에는 screen(화면)에 버튼을 넣어 본다. 버튼과 같은 구성요소들은 Palette에 준비되어 있다. 버튼을 넣는 방법은 3가지가 있다.(03 레이아웃에서 한번 설명했다) 팔레트 창에서 버튼을 마우스로 끌어서 아래의 Component Tree창에 놓는다. 팔레트 창에서 버튼을 마우스로 끌어서 오른쪽 스크린에 놓는다. Text 편집창에서 직접 코드를 입력한다. 편한 방법을 사용하면 된다. 하지만 Design창에서 잘 안되거나 복잡한 구조인 경우에는 Text 편집창에서 직접 코드를 입력하는 것이 필요하다. Component Tree창의 입력한 버튼 .. 더보기
첫 프로젝트 만들기_05_색상 관리 colors.xml 색상 관리 colors.xml 살펴보기 이번에는 colors.xml에 원하는 색상을 추가해 본다. colors.xml창을 열어보자. 마지막 줄 끝에 커서를 두고 엔터키를 쳐서 다음 줄로 이동한다. 이 줄에 새 색상을 등록해 본다. 여기서는 화면(screen)의 배경(background)에 사용할 색을 등록할 것이다. 먼저 윗 줄과 같이 color name을 입력해야 한다. 기호로 태그를 닫는다. 그러면 태그 완료가 자동으로 이루어진다. 이제 커서가 있는 곳에 원하는 색상의 hex코드를 입력하면 된다. hex코드를 모른다면.. 더보기
첫 프로젝트 만들기_04_색 바꾸기 색 바꾸는 방법 문자를 strings.xml에서 관리하는 것과 마찬가지로 색은 colors.xml파일에서 관리한다. value폴더에 있는 colors.xml파일을 더블클릭해서 열어보자. 이 파일 안에는 색의 이름(color name)과 색의 hex코드가 적혀있는 태그( )로 이루어져 있다. 왼쪽에는 해당 색이 나타나 있다. 현재는 default(기본)값으로 3개의 색만 등록되어 있다. 먼저 프로젝트에 있는 컴퍼넌트의 색을 바꿔보면서 살펴보자. activity_main(액티비티_메인).xml에서 TextView(텍스트뷰)의 글자 배경색을 바꿔본다. TextView를 선택하면 오른쪽에 속성(attribute)창이 나타난다. background(배경)에 있는 스포이드 아이콘을 클릭하면 색을 바꿀 수 있다. 준.. 더보기
첫 프로젝트 만들기_03_레이아웃 편집기 # 레이아웃 에디터(Layout Editor) 둘러보기 프로젝트를 만들면 첫 화면은 아래와 비슷하다. (참고로 안드로이드 스튜디오 버전 3.6 이상에서는 약간의 변화가 있다.) 이 화면을 레이아웃 에디터(Layout Editor)라고 부른다. 레이아웃 에디터는 액티비티.xml 파일을 열면 나타난다. 여기서는 왼쪽의 파일 구조창에서 activity_main.xml파일을 더블클릭하여 열었다. 열린 파일은 위쪽에 탭으로 나타나 언제든지 선택할 수 있는 상태가 된다. 레아아웃 에디터에서는 화면을 실제로 확인하면서 작업할 수 있다. 레이아웃 메뉴 아이콘을 누르면 3가지 모양의 화면을 볼 수 있다. Design은 실제 모양 보기이고 Blueprint는 윤곽선 보기이다. 방향 아이콘으로 레이아웃 방향을 가로, 세로로.. 더보기
첫 프로젝트 만들기_02_안드로이드 가상 장치 AVD 안드로이드 가상 장치 이번 글에서는 AVD에 대해 알아본다. AVD는 Android Virtual Device(안드로이드 가상 장치)를 나타낸다. 가상 장치는 흔히 '에뮬레이터'라고도 한다. 이것은 제작하고 있는 앱을 컴퓨터 시뮬레이션으로 테스트할 수 있는 장치다. 안드로이드 스튜디오에서 이 장치를 사용하려면 몇 가지 설정을 해야 한다. 먼저 AVD관리자를 연다. 메뉴에서 Tools > AVD manager를 선택하거나 도구 모음에서 아이콘을 클릭한다. 위와 같은 화면이 뜨면 '+가상 장치 만들기' 버튼을 클릭한다. 아무 장치나 선택해도 되지만 여기서는 Pixel2를 선택한다.(나중에 알고 보니 크기가 작은 Nexus4 등이 좋다고 한다) Next버튼을 클릭한다. 시스템 이미지를 선택하는 창이 나온다. .. 더보기
첫 프로젝트 만들기_01_제목 프로젝트 제목 만들기 첫번째 프로젝트를 만들어 본다. 코딩 '코'자도 모르는 내가 '구글이'만 믿고 맨땅에 헤딩하면서 만들었던 '연습' 프로젝트다. 처음 만들기 시작했을 때 솔직히 앞이 깜깜했다. 무엇부터, 어디서 부터, 해야할 지도 몰랐다. 구글과 유튜브를 전전하며 하나씩 배워나갔다. 전문 용어는 말할 것도 없고 실력자들의 명쾌한 설명글도 이해하기 어려웠다. 하지만 물방울이 모이면 바위도 뚫는 법이다. 이제 어느 정도 전체적인 윤곽은 파악했다. 앱도 하나 만들어서 구글플레이에 출시했고 (비록 구글과 책에 있는 코드를 대부분 응용한 거지만 ㅎㅎ) 출시를 준비 중인 앱도 서너개 된다. 이전 글에서 밝혔던 목표에 몇 걸음 더 나아간 것 같다. 자존감이 팍팍 솟는다. 야~기분 좋다. 서론이 길었다. 꼰대 티 .. 더보기
무작정 앱 만들기_04_안스로 앱 만드는 순서 앱 만드는 과정 요약 안드로이드 스튜디오로 앱을 만드는 과정을 간략히 정리해 본다. 앱 제작 순서는 다음 4가지 작업을 반복한다고 할 수 있다. 리소스 파일 저장 =>레이아웃 만들기 => 코딩 => 테스트 1. 리소스 파일 저장 리소스(resource)는 앱 프로젝트를 만드는데 사용하는 자원(재료)이다. 이 앱 제작에 사용하는 리소스 파일(텍스트, 이미지, 소리, 영상 등)을 프로젝트 폴더에 저장한다. 이 작업은 아래 그림에서 노란색 부분의 각 폴더에 해당 파일을 저장한다. 관련 파일을 해당 폴더에 저장해야 한다. 예를 들면 이미지는 'res'폴더 안에 'drawable'폴더에 넣는다. 그리고 소리나 영상 등의 파일도 res폴더 안에 넣지만 아무곳에나 넣으면 안되고 각각의 소스마다 정해진 방법대로 넣어야.. 더보기

티스토리툴바