Lesson 2: Layouts

Udacity 에서 Developing Android Apps with Kotlin 이라는 강의를 듣고 lesson 별로 중요하다고 생각한 부분을 필기한 내용이다. 
영어 강의를 듣고 필기한 내용이다 보니 번역이나 해석이 잘못된 부분이 있을 수 있다. 또 일부는 영어 단어나 문장을 그대로 적어놓았다. 
정확한 내용은 강의를 직접 참고하는 것을 권한다.

Developing Android Apps with Kotlin | Udacity Free Courses

---

3. View Groups & View Hierarchy

dp: location과 dimension을 나타내는 unit(단위)으로 density independent pixel의 약어이다. 물리적 스크린 픽셀의 밀도에 근거하며 안드로이드 디바이스는 자동으로 dp ➡️ px 컨버전을 통해 값을 핸들링한다. 
160 dpi 스크린에서 1dp = 1 pixel, 480 dpi 스크린에서 1dp = 3 pixels

View Groups

• LinearLayout: horizontal / Vertical
• ScrollView: For scrollable view
• ConstraintLayout: view hierarchy의 깊이가 깊을수록 레이아웃을 계산하기 위해 더 많은 work이 필요하다. big & deep한 view의 계층 구조는 성능에 영향을 미칠 수 있다. 이것은 사용자에게도 불편을 초래한다. 그래서 안드로이드는 ConstraintLayout을 제공하는데 flat한  hierarchy를 View를 promote하고 view를 배치하는데 최적화되어 있다. 복잡한 layout인데 적은 수의 View나 ViewGroup이 들어가는 경우 유용하다. 

7. Adding a TextView

sp: scale independent pixels, dp와 비슷하지만 화면의 pixel density 뿐만 아니라 사용자가 핸드폰에 세팅한 폰트 사이즈도 반영하여 scale함. 

setContentView()이 코드가 layout과 activity를 연결하는 부분. 

10. Exercise: Add a ScrollView

ScrollView는 한 개의 View나 ViewGroup만 자녀로 담을 수 있다. 보통 내부에 LinearLayout을 담고 LinearLayout 안에 또 다른 View들을 담는다. 

11. Adding an EditText for Text Input

• EditText는 TextView의 자녀 클래스이다.
• 안드로이드 시스템은 inputType에 따라서 input값을 validate한다. 
• 가장 좁은 inputType을 지정하는 것은 사용자들이 에러를 피하는데 도움이 된다. 

12. Adding a Done button to Accept Text Input

Visibility 속성 중 invisible / Gone 모두 text를 숨기지만 invisible은 그 공간을 차지하고, gone은 공간을 차지하지 않는다. 

• Button은 TextView를 확장한 것이다.
• 사용자는 버튼을 누를 수 있는 것, 누르면 무언가가 발생할 것이라고 생각한다. 

13. Exercise: Add EditText, Done Button, ClickHandler

// Hide the keyboard
val imm = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(view.windowToken, 0)

 

14. Data Binding

매번 findViewById와 같은 방식은 안드로이드가 view hierarchy를 runtime에 탐색하게 만든다. 크고 깊은 view hierarchy는 앱이 느려지는 요인이 될 수 있다. 이것을 해결하는 데에 Data Binding이 유용하다. 왜냐하면 layout과 activity를 compile time에 연결하게 해 주기 때문이다. 컴파일러는 helper class인 Binding Class를 activity가 생성되면 만들어주고 그 클래스의 인스턴스를 통해서 추가적인 overhead 없이 view에 접근할 수 있다. (View에 접근하는 것만 필요하다면 view binding을, data binding이 제공하는 더 고급의 기능이 필요하다면 data binding을 사용하면 된다. )

15. Data Binding: Views

• 데이터 바인딩은 레이아웃 내에 있는 모든 view에 대해서 컴파일 시간에 바인딩 객체를 생성한다. 
• 바인딩 객체를 통해 view에 접근하는 것이 findViewById보다 효율적이다.
• findViewById 탐색은 호출될 때마다 발생한다.

16. Data Bind: Data

19. ConstraintLayout: ColorMyViews App

ConstraintLayout의 이점

• 스크린과 해상도에 맞춰 responsive하게 만들 수 있다.
• 대개 flatter view hierarchy를 갖는다.
• view들의 배치에 최적화된 레이아웃
• Free-form: 어디에 배치해도 에디터가 제약조건 추가하는데 도움을 준다. 

22. Constraints

23. Ratio

Ratio를 사용하기 위한 조건

• view의 width나 height를 0dp로 설정하여 계산될 것임을 알려줌.
• dimension ratio를 설정.

24. Chaining

양방향으로 연결되어 있으면 chain.