arvigoes

이번에는 만능 Layout 이라 불리는 Constraint Layout 에 대해 학습해 보도록 하겠습니다. 이번 Constraint Layout 에 대해서는 처음부터 끝까지 실습 위주로 가도록 하겠습니다. 좀 더 자세한 내용이 궁금한게 있다면 추가로 포스팅 하도록 하겠습니다. Layout 을 구성하는 것은 UI 를 구성하는 것입니다. UI 화면구성 작업은 쉬운 일이 아닙니다. 앱의 요구 사항 변화가 있을때마다 UI 를 손대는 일도 빈번하게 발생하고, 사용하기 불편하지 않게, 동작을 잘 연결 해 주는것도 상당히 어려운 일입니다. 그리고 우리가 만드는 앱이 항상 동일한 환경에서 구동 되는 것도 아니라 상황에 맞게 각각 사이즈 조절이 되는 반응형으로 제작 되는것이 아주 중요합니다. Constraint Layo..

데이터 바인딩을 사용하지 않으면 findViewById 같은 함수를 통해 실시간으로 모든 리소스 트리 를 뒤져서 해당 데이터를 찾아가야 합니다. 실시간이라면 실행도중에 발생하는 일이라 프로그램의 수행이 느리게 됩니다. 간단한거 수행하는데 뷰들 찾아다니느라 오래걸린다면 상당히 아깝겠죠? 이런 이유로 데이터 바인딩을 사용 합니다. 미리 바인딩 시켜두고 직접 참조 하게 된다면 일일이 찾아서 할 필요가 없으니 검색 오버해드가 상당히 줄어 들게 됩니다. 모르면 못 쓰지만 알게 되면 무조건 쓰는게 좋을 것 입니다. 대략적인 데이터 바인딩 동작 이미지 입니다. 어떻게 동작하는지 한번 상상해 보세요 우선 뷰에대한 데이터 바인딩 먼저 확인 해 보도록 하겠습니다. 데이터 바인딩을 사용하기 우해서는 우선 설정이 필요합니다...

텍스트 에디터가 지난번에 만들어 졌습니다. 사용자 입력이 가능해 졌다는 의미 입니다. 그렇다면 이번에는 사용자 입력을 받아서 그 내용을 반영 시켜 보도록 하겠습니다. 전체 과정은 TextEditor 수정 -> Done Button push -> TextView 에 내용 출력 입니다. 사용자가 입력을 하기전에는 TextEditor 와 Button 만 보이도록 할 것이고 입력이 완료 되면 입력된 내용만 보이도록 할 예정 입니다. 우선은 버튼이 필요 하니 버튼을 추가 하도록 하겠습니다. id 를 done_button 으로 변경 style 변경해 줍니다. 미리 정의된 버튼 스타일중에 Widget.AppCompat.Button.Colored 를 선택해 주도록 합니다. 선택해 보시고 마음에 안드시면 다른 스타일도 ..

글쓰기용 텍스트에드터를 추가 해 보도록 합시다. palette 에서 Text 탭을 선택 합니다. editText 라는 id로 plain Text view 가 추가되었습니다. 추가된 editText ID 변경해 줍니다. (저는 nickname_edit 라고 했습니다.) 이름 만드는 규칙도 각자 만들어 보시길 바래요 나중에 view 들이 많아지면 규칙없이 마음대로 만들었을때 아이디 찾기가 정말 힘들어 지니 각자 나름의 규칙을 정해서 만들어 보세요 만이들 사용하는 규칙도 다음에 기회되면 올리도록 하겠습니다 이제 많이 하셨죠? 만들어둔 syle 도 적용 시켜 줍니다. NameStyle common Attributes > textAppearance > textAlignment 를 가운데정렬로 선택해 주도록 합니다..

ScrollView 이번에 추가해볼 View 는 ScrollView 입니다. ScrollView 는 영역이 너무커서 한 화면에 다 보여주지 못 할때 사용이 됩니다. 한개의 ScrollView는 오직 한개의 뷰만을 가질 수 있습니다. 보통은 아래 그림처럼 LinearLayout View 를 포함 시키고 LinearLayout 의 자식으로 여러 View 들을 등록 하는 방식으로 많이 사용 합니다. (Layout 또한 View 입니다.) 이처럼 많은 View 들을 보여 줄 필요 없이 하나의 뷰만 보여줄 계획이라면 LinearLayout 필요 없이 바로 TextView 등을 추가 하셔서 사용 하셔도 됩니다. (성능향상) 스크롤 뷰 추가 생성된 ScrollView 는 남은 여유 공간 모두를 차지하게 됩니다. 스크..

ImageView 이번에는 이미지 뷰를 추가해 보도록 합시다. palette 에서 common 에 있는 ImageView 를 클릭하여 아래 ComponentTree 로 드래그&드롭 하면 됩니다. 이때 Drop 하는 위치는 이전에 만든 name_text 밑으로 합니다. 현재 Layout 이 LinearLayout이고 속성이 Vertical 이라 순서에 따라 세로 정렬이 됩니다. ImageView 를 추가하면 바로 Resource 창이 뜹니다. 우선은 저는 별을 하나 추가해 보도록 하겠습니다. Drawable 에서 android 를 확장 하면 btn_star_big_on 이라는 그림이 있습니다. OK 를 눌러서 추가 합니다. PreView 화면에 별이 추가 되었습니다. LinearLayout의 속성(andr..

준비 오늘은 Layout 에 대해 좀 더 알아보도록 하겠습니다. 우선 새프로젝트를 만들어 줍니다. 물로 Empty 로 만들어 줍니다. https://arvigoes.tistory.com/77?category=748927 2. Android Studio 첫 프로젝트 Adroid Studio 를 설치 완료 하고 첫 실행하면 Welcome 창이 보입니다. 우선 프로젝트를 하나 만들어 봅니다. 첫번째 메뉴인 Start a new Android Studio project 를 선택 합니다. Empty Activity 를 선택 합니.. arvigoes.tistory.com 그리고 activity_main.xml 에서 기존에 만들어진 TextView 를 지워 줍니다. 그리고 Layout 을 LinearLayout 로 ..

어떤 화면인지 아시겠죠? 구글 플레이 스토어 화면 입니다. 구글 플레이 스토어 "APP" 을 실행하면 제일 처음 나오는 화면입니다. 이 화면이 Activity 입니다. 이 Activity 의 화면 구성이 Layout 입니다. Laout 은 여러 View 로 구성이 됩니다. Play Store 메인 화면 Layout 에 포함된 View 들입니다. TextView, ImageView, ListView, CheckBox, Button ... Layout 의 구성요소 입니다. 흔히 UI (User Interface) 라고 부르죠 Layout 을 구성한다는 것은 UI 를 구성하는 것 입니다. 디자인 이기도 하지만 앱기획의 영역이기도 합니다. 쉽게 버튼배치하고 이미지로 바꾸고 이렇게 쉽게 생각할 수도 있지만 UI ..

지난번에 이어서 하려다 내용이 너무 길어져서 Studio 와 Project 로 크게 나눠 보았습니다. 툴에 대해서 어떤내용이 있는지 당장 필요한 내용위주로 알아 봤고 나머지는 천천히 개발하면서 익혀도 충분하니 모르는게 있더라도 나중에 질문이나 나중에 설명될 예정이니 기다려 주세요 이번에는 프로젝트에 관한 내용입니다. Android Studio 는 프로젝트 단위로 관리가 됩니다. App 보통 프로젝트는 한개의 앱으로 생각 하시면 됩니다. 여러 프로젝트를 묶어서 솔류션이란 계념도 있는데 Android Studio 에는 Project 가 기본 단위로 사용 됩니다. 이전에 첫 프로젝트로 만든 ArvGreetings 라는 앱의 구성입니다. 최상단 은 App 폴더 밑으로 manifest, java, res (gen..

프로젝트 생성 후 첫 화면 입니다. IDE(Integrated Development Environment : 통합 개발 환경) 에 익숙 한 분들은 어색하지만 대충 둘러 보시면 대충 용도에 대해 이해가 가리라 생각 합니다. 그러나 처음 이시라면 상당히 당황 스럽겠죠. 너무 어렵게 생각하지 않으셔도 됩니다. 새로운 도구 라고 생각 하시면 됩니다. 그렇지만 새로운 툴에 익숙해 지는건 항상 어렵죠... 전체 화면에서 하나씩 중요한 거 위주로 설명을 간단하게 해 나가겠습니다. 괭장히 많은 기능들이 포함 되어 있는 도구 이기에 한번에 전부 설명하기도 어렵고, 설명한다고 해도 전부 이해 하고 쓰기도 어렵습니다. 필요한것들 위주로 간략히 설명 하도록 하겠습니다. 계속 쓰다보면 언젠간 익숙해 집니다. 도구는 시간과의 싸..