[Android] 17. 레이아웃 : 컨스트레인트 레이아웃(Constraint Layout) 실습(2)과 체이닝, 안드로이드 스튜디오의 활용

# 레이아웃 : 컨스트레인트 레이아웃(Constraint Layout) 실습(2)과 체이닝, 안드로이드 스튜디오의 활용

 

 

# 레이아웃 : 컨스트레인트 레이아웃(Constraint Layout) 실습(2)

 

5. 다국어 추가하기

① Translations Editor 오픈 후 지구 모양 아이콘 클릭

 

 

② 원하는 언어를 찾아 추가한 뒤 Default Value, 빈칸 채워주기

 

 

 

6. 제약 수정하기

① 아래쪽 원을 클릭하여 제약 삭제  - > 하단 제약을 삭제하면 텍스트 뷰가 상단으로 올라간다.

 

 

② 적당 간격 유지를 위해 상단의 여백을 16으로 설정  -->  ①번 그림보다 여백이 늘어난 것을 확인

 

 

 

7. 버튼 배치하기

① 레이아웃 화면의 팔레트 창에서 Button을 선택하여 레이아웃의 정중앙에 배치

 

 

② 배치한 버튼을 클릭 후 속성 창에서 text 속성을 'click'으로 수정

 

 

③ 버튼의 ID를 'clickButton'으로 수정

 

 

④ 버튼 클릭 시 event를 처리하기 위해 MainActivity.kt 에서 코드를 아래와 같이 수정

 

 

⑤ 앱을 실행시킨 뒤 버튼 클릭  -->  우측에서 좌측의 모습으로 바뀜을 확인

 

 

 

 

# 레이아웃 : 컨스트레인트 레이아웃(Constraint Layout)과 체이닝(Chaning)

 

- 체이닝 (Chaning)

: 컨스트레인트로 연결된 위젯끼리 서로의 위치값을 공유하여 상대적인 값으로 크키와 위치를 결정하도록 함

 

 

 

- 체이닝 실습

1. 팔레트의 버튼 카테고리에서 Button 4개를 UI 편집기에 드래그하여 배치

-->  1번 과정에서는 컨스트레인트를 연결하지 않은 상태로 배치한다.

 

 

2. 상단의 버튼 2개를 선택 후 마우스 우클릭  -->  팝업되는 메뉴에서 [Chains]-[Create Horizontal Chain] 선택

-->  하단의 버튼 2개도 동일한 방식으로 체이닝

 

 

3. 상단의 버튼 2개를 선택 후 마우스 우클릭  -->  팝업되는 메뉴에서 [Chains]-[Create Vertical Chain] 선택

-->  하단의 버튼 2개도 동일한 방식으로 체이닝

 

 

4. 버튼 4개 모두 선택 후 속성에서 layout_width, layoout_height 값을 'match_constraint'로 변경

-->  값이 '0dp'로 변경됨을 확인

 

 

5. 체이닝이 정상적으로 실행됨을 확인

 

 

 

 

# 안드로이드 스튜디오의 활용

자동 저장 기능(Auto Save)	작성한 소스 코드는 자동적으로 실시간 저장
코드 자동 완성 기능(Code Completion)	입력하고자 하는 모든 글자를 입력하지 않아도 해당 글자를 포함한 코드를 나열
디버깅(Debugging)	에뮬레이터가 실행된 상태에서 중단점(Breakpoint)을 이용한 소스 코드 분석