안드로이드앱 코딩_AndroidApp/안드로이드 스튜디오 썸네일형 리스트형 6번째 프로젝트 만들기_03 계속해서 이번에는 프로젝트를 만들었을 때 기본으로 생성된 activity_main.xml을 수정한다. activity_main.xml을 선택하자. 이 레이아웃 파일은 ConstraintLayout (컨스트레인트 레이아웃)으로 설정되어 있으며 기본으로 Hello World라는 text속성 값을 가진 TextView가 만들어져 있다. ConstraintLayout은 각 뷰들에게 제약(constraint)을 걸어서 배치하는 것이 특징이다. 몇 가지 뷰들을 삽입하고 제약을 걸어서 어떤 모습이 되는 지 확인해 볼 것이다. 먼저 이 TextView를 삭제하여 깨끗한 상태에서 작업하자. TextView를 마우스 오른쪽으로 누른 후 Delete(삭제)를 클릭한다. Palette(팔레트)의 Widgets(위젯)에서 Ca.. 더보기 6번째 프로젝트 만들기_02 여섯번째 프로젝트 01에 이어서 설명한다. 이제 MainActivity에서 다른 레이아웃 2개를 나타내는 함수를 만든다. loadConstraintLayout()함수는 activity_main 레이아웃을 보여주도록 한다. 이 레이아웃은 MainActivity와 짝을 이루어 기본으로 만들어지는 레이아웃이다. loadTableLayout()함수는 text_table_layout 레이아웃을 보여주도록 한다. 이 레이아웃은 아직 만들지 않았기 때문에 빨간색이다. 또한 매개변수 v의 타입은 View 인데 아직 등록되어 있지 않아서 빨간색이다. View를 import한다. table_layout은 아직 만들지 않았으므로 18번 줄 코드는 잠시 주석으로 해 둔다. 18번 줄을 선택한 후 Ctrl + / 를 클릭하면 .. 더보기 6번째 프로젝트 만들기_01 이번에 만들어 볼 프로젝트는 Layout(레이아웃)과 View(뷰)를 다루어 본다. 안드로이드 스튜디오는 현재 4.0.1이다. 실행 한 후 새 프로젝트를 만든다. Empty Activity(빈 액티비티)를 선택하고 Next(다음)을 클릭한다. 프로젝트 제목을 Exploring Layouts (레이아웃 탐험)이라고 하고 나머지 옵션은 아래와 같이 설정한다. 회색 부분은 자신의 컴퓨터에 맞게 적용될 것이다. Finish(종료) 버튼을 클릭한 후 잠시 기다리면 다음과 같은 모양이 될 것이다. 새 프로젝트를 만들면 코드를 입력하는 기본 클래스인 MainActivity.kt 파일과 View(뷰)의 배치를 보여주는 activity_main.xml 이라는 layout(레이아웃) 파일이 만들어 진다. 이전 글을 보았다.. 더보기 5번째 프로젝트 만들기_02_코딩 디자인 화면은 다음과 같은 순서로 작동한다. editTextNumber를 터치해서 숫자(예: 10)를 입력한다. START버튼을 클릭한다. 숫자 1부터 입력한 숫자까지의 수 중에서 랜덤으로 수를 하나 선택한다. WIN 부분에 그 수를 표시한다. 이 프로젝트의 코드는 너무 간단하다. 버튼 클릭 이벤트 만들기 이 프로젝트에서도 코틀린 확장 라이브러리를 활용해서 버튼 클릭 이벤트를 만든다. onCreate()함수 안에 buttonDrawLots 버튼의 클릭리스너를 만든다. 버튼 클릭 함수 만들기 onCreate()함수 바깥 아래에 onButtonClick()함수를 다음과 같이 만든다. 실행 내용은 다음과 같다. 19번줄: 변수(string)를 만들고 저장한다(=) 입력한 숫자(editTextNumber.tex.. 더보기 5번째 프로젝트 만들기_01_디자인 이번 프로젝트는 '당첨자 추첨'이다. 두번째 프로젝트를 조금 변형한 버전이다. 대상이 되는 숫자를 editText로 입력 받아 한 화면에서 추첨하고 한글로 번역하는 기능을 추가했다. 새 프로젝트 만들기 아래와 같이 Empty Activity를 만든다. activity_main은 아래와 같이 만든다. 아래 뷰들의 속성 내용을 보고 id와 string 리소스를 만든다. 첫번째 뷰인 textViewTitle은 '제목'을 나타내는 뷰이다. 아래와 같이 만든다. 두번째 뷰 textViewNotice는 '안내문'을 나타내는 뷰이다. 아래와 같이 만든다. 세번째 뷰 editTextNumber는 숫자를 입력하는 뷰이다. 아래와 같이 만든다. 팔레트 Text에 있는 Plain Text 또는 number를 사용한다. Pl.. 더보기 네번째 프로젝트 만들기_02_코딩 디자인의 세부 조정은 제일 나중에 다시 하기로 하고 코드를 작성해 본다. activity_main.xml의 디자인에 AFRICA, ASIA 버튼 2개만 있다. 디자인에서 africa, asia를 위한 액티비티 화면(.xml)과 코드파일(.kt)을 만들었다. 각 버튼을 누를 때 마다 해당 액티비티 화면으로 이동하도록 코딩한다. 버튼 등을 누를 때 다른 액티비티 화면으로 이동할 때는 Intent 를 사용한다. 두번째 프로젝트의 fragment 에서는 navigate()함수를 사용했다. MainActivity 코딩 MainActivity.kt파일을 연다. 먼저 엑티비티 메인에 있는 buttonAfrica와 buttonAsia 버튼의 클릭을 감지하는 코드를 작성해야 한다. onCreate()함수 안에 버튼 클릭.. 더보기 네번째 프로젝트 만들기_01_디자인 이번에는 간단한 이미지 앨범을 만들면서 버튼과 이미지뷰 사용법을 배워본다. Photo Trip (사진 여행) 첫화면에는 버튼이 2개 있다. 버튼을 클릭하면 해당 액티비티 화면으로 이동한다. 이동한 액티비티 화면에는 버튼이 3개 있다. 각 버튼을 클릭하면 이미지가 나타난다. 다른 버튼은 투명도를 높이고 이미지에 해당하는 버튼만 투명도를 없앤다. 오른쪽 아래에는 FAB버튼을 추가하고 클릭하면 액티비티 화면을 종료하여 메인화면으로 돌아간다. 새 프로젝트 만들기 새 프로젝트를 만들고 아래와 같이 설정한다. activity_main.xml 디자인 기존에 있던 textView를 삭제한다. 버튼2개를 넣을 Linear Layout(Vertical)을 ConstraintLayout안에 추가한다. Linear Layou.. 더보기 세번째 프로젝트 만들기_02_코딩 디자인을 완성했으면 이제 코딩할 시간이다. MainActivity.kt 탭을 눌러서 코딩 화면을 띄우자. 기본적인 화면은 위와 같다. 앱이 실행하는 과정을 다시 살펴보자. 앱은 처음에 MainActivity.kt 파일 안에 있는 코드부터 실행한다. 분홍색 부분에 설정되어 있는 변수를 메모리에 저장한다. 그 다음 처음 실행하는 함수가 onCreate()라고 했다. View 설정 처음 실행되는 onCreate()함수에는 디자인 화면의 View를 보여주기 위해 불러와야 한다. View를 찾을 때는 findViewById (id로 뷰 찾기)내부 함수를 이용해서 호출한다. 이 프로젝트에서 불러와야 하는 View는 버튼4개 , 종료에 사용 할 FAB버튼 그리고 결과를 나타내는 텍스트뷰이다. 먼저 버튼 부터 불러와서.. 더보기 이전 1 2 3 4 다음
