[앱만들기 프로젝트] Unit 1 실습

 

코드랩의 Unit 1: Get started 을 통해 배운 것을 복습하며 나만의 앱 만들기 실전편에 돌입.

 

• 목표
  튜토리얼을 통해 차근차근 스텝별로 따라해가며 개념들을 익히고 영어 표현도 익혔으니, 이제 실제로 나만의 앱을 구축하면서 내가 아직 모르는 것들이 무엇인지 파악하고 배웠던 것을 복습하며 내 것으로 만든다.

 

• 참고 문서
  간단한 사용자 인터페이스 빌드 → 코드랩의 세분화된 세션 내용들을 핵심 내용 위주로 구성하여 참고하기 좋다.
• 안드로이드 ConstraintLayout 개념과 사용법 정복하기 - 개발자 직강 

→

 

 

 

• 영문 표현

위의 개발자 문서에서 국문 버전을 보다 보니, 영문에서 특정 단어들이 어떻게 번역되었을까, 궁금했는데 아래와 같이 번역되었더라: 

국문 출처 / 영문 출처

contraint : 제약조건

디자인 편집기에서 뷰를 클릭합니다. 이제 각 모서리에 크기 조절 핸들(사각형)이 나타나고 각 측면에 제약 조건 앵커(원)가 나타납니다.
Click the view in the design editor. You can now see the square handles to resize the view on each corner, and the circular constraint anchors on each side. For better control, you might want to zoom in on the editor. To do so, use the Zoom buttons in the Layout Editor toolbar.

ConstraintLayout은 동위 뷰와 상위 레이아웃에 대한 제약 조건에 따라 각 뷰의 위치를 정의하는 레이아웃입니다. 이러한 방식으로 플랫 뷰 계층 구조를 사용하여 간단한 레이아웃과 복잡한 레이아웃을 모두 만들 수 있습니다. 즉, 중첩된 레이아웃(그림 2에 나오는 레이아웃 내부의 레이아웃)을 만들 필요가 없으므로, UI 그리기에 필요한 시간을 줄일 수 있습니다.
ConstraintLayout is a layout that defines the position for each view based on constraints to sibling views and the parent layout. In this way, you can create both simple and complex layouts with a flat view hierarchy. This type of layout avoids the need for nested layouts. A nested layout, which is a layout inside a layout, as shown in figure 2, can increase the time required to draw the UI.

---

Refer to the animated figure below for this step. Click the circular handle on the right side of the TextView to delete the horizontal constraint that binds the view to the right side of the layout. The TextView jumps to the left side because it is no longer constrained to the right side. To add back the horizontal constraint, click the same handle and drag a line to the right side of the layout. [코드랩 발췌]

 

 

• 기억용:

UI 문자열 변경 방법

Project 창을 열고 app > res > values > strings.xml을 엽니다.

이 파일은 모든 UI 문자열을 지정해야 하는 문자열 리소스 파일입니다. 이렇게 문자열을 지정하면 단일 위치에서 모든 UI 문자열을 관리할 수 있으므로, 레이아웃이나 앱 코드의 하드 코딩 문자열에 비해 찾기, 업데이트 및 현지화를 더욱 쉽게 수행할 수 있습니다.

 

• 잘 안되는 부분:

contraint 내 맘대로 조작하는게 잘 안된다..... 별 거 아닌 거 같은데 왜 난 맘대로 안되냐...

안드로이드 동영상 가이드 참조.

안드로이드 ConstraintLayout 개념과 사용법 정복하기 - 개발자 직강

 

• 익혀야할 부분

match_parent와 wrap_content의 차이점.